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

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

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

Array.join() : join() 메서드는 배열의 모든 요소를 연결해 하나의 문자열로 만듦. arr.join([separator]) : separator는 매개변수이며, 배열의 각 요소를 구분할 문자열이다. 이 구분자는 필요한 경우 문자열로 변환, 생략시 배열의 원소들을 쉼표로 구분한다. 예제 // join 예시 var izAry = ['유리', '예나', '채원']; var izStr1 = izAry.join(); var izStr2 = izAry.join(' / '); document.writeln('' + izStr1 + ''); document.writeln('' + izStr2 + ''); document.writeln(izStr1.length); document.writeln(izStr2..

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

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