proto 프로토타입과 프로토타입 상속 예를 들어 user라는 객체가 있는데 이 user와 굉장히 유사하지만 약간의 차이가 있는 객체를 만들어야 된다고 생각해보면 어떤 방식이 가장 효율적일까? 자바스크립트의 객체는 [[prototype]]이라는 숨김 프로퍼티를 갖는다 이 값은 null이거나 다른 객체에 대한 참조가 되는데 다른 객체를 잠초하는 경우 참조대상을 '프로토타입(prototype)'이라 부른다 [[prototype]]은 ... proto상속Prototypeinheritance프로토타입InheritInherit 자바스크립트에서 __proto__ VS. prototype 비교 __proto__는 메서드 등을 체인을 타고 찾는데 사용되는 실제 객체이다. prototype은 new로 인스턴스를 만들 때 __proto__를 생성하는 데 사용하는 객체다. 함수 정의 코드를 실행하면, 자바스크립트는 해당 함수에 prototype 프로퍼티를 추가한다. 해당 prototype 프로퍼티는 constructor와 __proto__라는 두 개의 프로퍼티를 가진 객체다. - 브라우저... protoPrototypePrototype [TIL 2021.11.12] 프로토타입과 상속 프로토타입은 상속이랑 비슷하다. 자바스크립트로 상속을 구현하는 것이 프로토타입을 이용하는 것이다. 객체나 배열 등 모두 프로토타입을 가지고 있다. 프로토타입에서 자바스크립트 네이티브 API를 사용할수있던것이다. 위 코드처럼 사용할수도있지만 개별적인 프로퍼티도 설정해줄수있다.... protoPrototype상속jsPrototype JavaScript_7 별개의 두 객체를 연결(상속)시키는 기능 __ proto __ 는 사실 비공식 전통적인 방법으로 Object.create() 를 통해 같은 기능을 구현한다. 참고) debugger debugger; 를 입력하면 JS를 멈추고 객체를 자세히 들여다 볼 수 있다.... Object.createprotoObject.create TIL 50 | prototype 일반적으로 자바스크립트의 모든 함수에 자동으로 생성되는 프로퍼티명이다. 일반적으로 우리가 생성하는 모든 객체는 Object 생성자 함수를 통해 생성하고 있었다. (때문에 모든 객체는 __proto__를 갖고 있다. 이는 Array도 마찬가지이며 관련 사항은 밑에서 설명하도록 하겠다.) 생성자 함수를 new 연산자와 함께 호출 할경우, 생성자 함수에 정의된 내용을 바탕으로 인스턴스(객체)가 생... TILJavaScriptPrototypeprotoJavaScript Array.prototype.func 의 개념 Array.func 대신에 Array.prototype.func 로 굳이 해야하는 이유가 뭔지 궁금해요. Array.prototype.func = function(){ console.log('This is Array.prototype.func') } Array.func = function(){ console.log('This is Array.func') } 이 둘의 차이가 뭔가요? 그차이는 ... 자바스크립트Array.prototype프로토타입PrototypeprotoArray.prototype
프로토타입과 프로토타입 상속 예를 들어 user라는 객체가 있는데 이 user와 굉장히 유사하지만 약간의 차이가 있는 객체를 만들어야 된다고 생각해보면 어떤 방식이 가장 효율적일까? 자바스크립트의 객체는 [[prototype]]이라는 숨김 프로퍼티를 갖는다 이 값은 null이거나 다른 객체에 대한 참조가 되는데 다른 객체를 잠초하는 경우 참조대상을 '프로토타입(prototype)'이라 부른다 [[prototype]]은 ... proto상속Prototypeinheritance프로토타입InheritInherit 자바스크립트에서 __proto__ VS. prototype 비교 __proto__는 메서드 등을 체인을 타고 찾는데 사용되는 실제 객체이다. prototype은 new로 인스턴스를 만들 때 __proto__를 생성하는 데 사용하는 객체다. 함수 정의 코드를 실행하면, 자바스크립트는 해당 함수에 prototype 프로퍼티를 추가한다. 해당 prototype 프로퍼티는 constructor와 __proto__라는 두 개의 프로퍼티를 가진 객체다. - 브라우저... protoPrototypePrototype [TIL 2021.11.12] 프로토타입과 상속 프로토타입은 상속이랑 비슷하다. 자바스크립트로 상속을 구현하는 것이 프로토타입을 이용하는 것이다. 객체나 배열 등 모두 프로토타입을 가지고 있다. 프로토타입에서 자바스크립트 네이티브 API를 사용할수있던것이다. 위 코드처럼 사용할수도있지만 개별적인 프로퍼티도 설정해줄수있다.... protoPrototype상속jsPrototype JavaScript_7 별개의 두 객체를 연결(상속)시키는 기능 __ proto __ 는 사실 비공식 전통적인 방법으로 Object.create() 를 통해 같은 기능을 구현한다. 참고) debugger debugger; 를 입력하면 JS를 멈추고 객체를 자세히 들여다 볼 수 있다.... Object.createprotoObject.create TIL 50 | prototype 일반적으로 자바스크립트의 모든 함수에 자동으로 생성되는 프로퍼티명이다. 일반적으로 우리가 생성하는 모든 객체는 Object 생성자 함수를 통해 생성하고 있었다. (때문에 모든 객체는 __proto__를 갖고 있다. 이는 Array도 마찬가지이며 관련 사항은 밑에서 설명하도록 하겠다.) 생성자 함수를 new 연산자와 함께 호출 할경우, 생성자 함수에 정의된 내용을 바탕으로 인스턴스(객체)가 생... TILJavaScriptPrototypeprotoJavaScript Array.prototype.func 의 개념 Array.func 대신에 Array.prototype.func 로 굳이 해야하는 이유가 뭔지 궁금해요. Array.prototype.func = function(){ console.log('This is Array.prototype.func') } Array.func = function(){ console.log('This is Array.func') } 이 둘의 차이가 뭔가요? 그차이는 ... 자바스크립트Array.prototype프로토타입PrototypeprotoArray.prototype