Prototype (4) 썸네일형 리스트형 JavaScript, HTML Element와 상속체인 우리가 흔히 사용하는 HTML Tag들의 상속은 어떻게 되어있는지 알아봅시다. var divElement = document.createElement('div'); console.log('divElement:', divElement); console.log('divElement.__proto__:', divElement.__proto__); console.log('divElement.__proto__.__proto__:', divElement.__proto__.__proto__); console.log('divElement.__proto__.__proto__.__proto__:', divElement.__proto__.__proto__.__proto__); console.log('divElement.__.. JavaScript, 함수 생성자 & Prototype prototype와 숨김 프로퍼티 [[ProtoType]]를 모른다면 해당 포스트를 참고해주세요! JavaScript, Prototype 상속과 .__proto__ 개발을 하면 기존 기능을 확장해야하는 경우가 생깁니다. 기존 객체와 유사하지만 다른 기능을 추가한 또 다른 객체를 만들어 사용하는 경우 우리는 prototype 상속을 사용할 수 있습니다. (개발자 songye.tistory.com 객체를 리터럴을 통해 할당하여 다음과 같이 사용하였는데요 "use strict"; let animal = { walk() { console.log("I'm 걷고 있어요"); } } let rabbit = { age : 2, jump() { console.log("깡총"); } } rabbit.__proto__ = .. JavaScript, Prototype & this Prototype에 대한 정의와 상속에 대해 알고 싶다면 해당 북마크를 참고하세요 JavaScript, Prototype 상속과 .__proto__ 개발을 하면 기존 기능을 확장해야하는 경우가 생깁니다. 기존 객체와 유사하지만 다른 기능을 추가한 또 다른 객체를 만들어 사용하는 경우 우리는 prototype 상속을 사용할 수 있습니다. (개발자 songye.tistory.com 오늘은 Prototype 상속을 받았을 때 동일한 프로퍼티 혹은 메소드를 set & get 했을 경우를 살펴보겠습니다. 저번 시간에 이어 animal을 상속한 rabbit이라는 객체를 만들어봅시다. rabbit 객체로 walk() 메소드를 호출했을 때 프로토타입 상속을 한 animal 객체의 walk()를 참조하여 출력하는 것을 .. JavaScript, Prototype 상속과 .__proto__ 개발을 하면 기존 기능을 확장해야하는 경우가 생깁니다. 기존 객체와 유사하지만 다른 기능을 추가한 또 다른 객체를 만들어 사용하는 경우 우리는 prototype 상속을 사용할 수 있습니다. (개발자는 게을러야하기 때문에) 1. [[Prototype]] 상속이란 자바 스크립트의 모든 객체는 명세서에 기재된 [[Prototype]]이라는 숨김 프로퍼티를 가지고 있습니다. 이 프로퍼티는 값을 가질 수 있습니다. 그림과 같이 animal, rabbit 두 객체가 있다고 할 때 rabbit의 숨김 프로퍼티인 [[Prototype]]은 animal을 참조한다고 해봅시다. 그림과 같이 rabbit 객체는 jump()라는 메소드와 age 라는 프로퍼티를 가지고 있고 animal 객체는 walk()라는 메소드를 가진 객.. 이전 1 다음
