가. JavaScript의 객체지향 특징 클래스는 없고 프로토타입만 있다 '인스턴스화 및 인스턴스'라는 개념은 존재하나 클래스가 없고, '프로토타입(모형)' 개념만 존재 가장 간단한 클래스 정의하기 var Member = function() {}; //자바스크립트의 Member 클래스 var mem = new Member(); // new 연산자로 인스턴스화 JavaScript에서는 함수(Function 객체)에 클래스의 역할을 부여한다. 애로우 함수에서는 생성자를 정의할 수 없다(ES2015) let Member = () => { ... 생성자의 내용 ...}; let m = new Member(); // Error : Member is not a constructor (E..
가. 함수란? 1. 정의 방식 function 명령으로 정의하기 function 함수명(인수, ...){ ...함수 안에서 실행되는 임의의 처리.... return 반환값; } Function 생성자로 정의하기 함수를 직접 정의하는 특징(리터럴 표현과 비교했을 때) var 변수명 = new Function(인수, ... , 함수의 본체); //삼각형의 면적 얻는 함수 예제 var getTriangle = new Function('base', 'height', 'return base * height /2;'); var getTriangle = new Function('base, height', 'return base * height /2;..
1. 객체란 1) '데이터를 조작하기 위해 여러 기능을 가진' 고기능의 그릇 2) 객체 생성 new 연산자 객체를 인스턴스화 하는데 사용하는 연산자 //new 연산자를 이용한 초기화 var 변수명 = new 객체명([인수, ...]); // 프로퍼티/메소드의 호출 변수명.프로퍼티명 [= 설정값]; 변수명.메소드명([인수 [,...]]); 객체 리터럴 var empty = {}; //프로퍼티가 없는 빈 객체 var point = { x: 0, y: 0}; // 두 개의 프로퍼티 x,y를 정의한다. var point2 = { x:point.x, y=point.y+1 }; // 프로퍼티를 수식 값으로 정의 var book = { "main title" : "JavaScript", //프로퍼티 이..
1. JavaScript의 기본적인 표기 1) script 요소를 기술하는 장소 요소의 안(임의의 위치) 웹페이지의 가독성 / 보수성의 관점 등에서 바람직 하지 않음 현재는 일부 예외를 제외하고는 거의 사용하지 않음 요소의 안( 직전) 웹페이지의 화면 갱신을 끝낸 후 로딩하는 방식으로 화면 갱신 속도가 개선됨. 요소의 안 "함수 호출 script 요소보다 함수 정의 script 요소를 먼저 기술 해야 한다"는 규칙의 예외를 위함 두번째 요소의 예외의 경우 사용하는 방식 외부에서 정의 후 Import 무시되는 경우 무시되지 않는 경우(분리된 경우) JavaScript 기능이 무효인 환경에서 대체 콘텐츠 표시하게 하기 Anchor 태그에 집어넣기 - Javascript 의사 프로토콜 //글씨 클릭시 java..