상속과 프로토타입 체인에 대한 실습 및 예제

프로토타입 체인을 이용한 상속 속성상속 : 자바스크립트 객체는 속성을 저장하는 동적인 "가방"과 (자기만의 속성이라고 부른다) 프로토타입 객체에 대한 링크를 가진다. 객체의 어떤 속성에 접근하려할 때 그 객체 자체 속성 뿐만 아니라 객체의 프로토타입, 그 프로토타입의 프로토타입 등 프로토타입 체인의 종단에 이를 때까지 그 속성을 탐색한다. 메소드 상속 : 자바스크립트에 "메소드"라는건 없다. 하지만 자바스크립트는 객체의 속성으로 함수를 지정할 수 있고 속성 값을 사용하듯 쓸 수 있다. 속성 값으로 지정한 함수의 상속 역시 위에서 본 속성의 상속과 동일하다. (단 위에서 언급한 "속성의 가려짐" 대신 "메소드 오버라이딩, method overriding" 라는 용어를 사용한다) 상속된 함수가 실행 될 때,..

클래스 상속이란? : 객체지향 프로그래밍에서 상속의 개념은 현실에서 사용하는 상속이라는 단어의 뜻과 비슷 : 프로그래밍에서의 상속은확장이라고도 부르고, 특정 클래스(부모 클래스)의 속성과 메서드를 하위 클래스(자식 클래스)가 물려받는것을 의미한다. ※ 클래스 상속을 사용하면 기존 코드를 변경하지 않고도 기능을 추가하거나 수정할 수 있다. 클래스 상속 기능 코드 재사용성 중복 코드의 제거 확장 JavaScript 클래스 상속 문법 function 부모클래스() { this.프로퍼티 = 값; } 부모클래스.prototype.메서드 = function() { } // 상속코드 자식클래스.prototype = new 부모클래스();

// 직각삼각형 for (let i = 0; i

- 상속 (inheritance) 현재 존재하고 있는 객체를 프로토타입으로 사용, 해당 객체를 복제하여 재사용 하는것 상속은 추상화,캡슐화와 더불어 객체 지향 프로그래밍을 구성하는 중요한 특징 - 프로토타입 (prototype) JS의 모든 객체는 프로토타입(prototype)이라는 객체를 가지고 있음 모든 객체의 프로토타입으로부터 프로퍼티와 메소드를 상속받음 JS의 모든 객체는 최소한 하나 이상의 다른 객체로 부터 상속을 받으며, 이때 상속되는 정보를 제공하는 객체를 프로토 타입이라고 함. - 프로토타입 체인 (prototype chain) : JS에서는 객체 이니셜라이저를 사용해 생성도니 같은 타입의 객체들은 모두 같은 프로토타입을 가짐 : 또한, new 연산자를 사용해 생성한 객체는 생성자의 프로토..

사용방법에 따른 함수분류 일반 함수 : 가장 일반적으로 사용한 함수 중첩 함수 : 함수 안에 함수가 있는경우 / 이때 함수안에 있는 함수를 중첩함수라고 함 ※ 중첩 함수의 용도 : 내부 전용 함수 : 이름이 없는 이벤트 리스너로서의 활용 : 중복 코드 또는 그룹화 콜백 함수 : 함수 실행결과 값을 리턴이 아닌 "매개변수"로 넘어온 함수를 호출해서 넘겨주는 방식을 콜백 : 이때 매개변수로 넘어온 함수를 콜백함수라고 부름 ※ 실무에서의 콜백함수 용도 : '이벤트리스너'로써의 활용 : 타이머 실행 함수 - 서버와 데이터를 주고 받을때 jQuery/Ajax의 결과물이 필요할때 클로저 함수 : 일반적인 함수의 경우 호출의 의해 함수내부의 실행구문을 모두 실행하게 되면 함수내부에서 만든 지역변수가 자동으로 사라지지..