취미부자

객체 간의 상속 객체가 다른 객체 코드 가져오기(상속) class의 상속/확장 같지만 객체끼리 이루어지고 좀 더 작은 범위에서 행해지는 느낌이다. 객체상속 코드 2가지 알아보기 1. __proto__ : 표준이 아니지만 널리 사용되고 있어서 표준 같은 코드 var obj1 = { obj1Val : '1 val' } // __proto__ var obj2 = {}; obj2.__proto__ = obj1; console.log(obj2.obj1Val); // 결과. 1 val obj1과 obj2가 객체인 상태에서 가능하다. 2. Object.create() : 표준 코드. __proto__를 대체하기 위해 나온 코드 var obj1 = { obj1Val : '1 val' } // Object.create(..

프로토타입 프로토타입을 사용하는 이유 생성자 함수(Constructor Function)로 여러 개의 객체를 찍어낼 때, 생성자 함수가 가지고 있는 모든 값, 메서드를 모든 객체에 똑같이 계속 찍어내므로 메모리를 차지하게 된다. 그래서 한 번만 적어 놓고, 해당 생성자 함수로 만들어진 객체가 가져다 쓸 수 있게 한다. function Person () { this.name = 'kim', this.first = 10, this.second = 20 } var park = new Person(); var lee = new Person(); // Park과 Lee는 Person에 들어가 있는 동일한 내용을 각 각 가지고 있다. 원형(prototype) 지정하기 생성자함수명.prototype.key = 값; ..

객체, 생성자 함수 내가 이해한 '객체' 정의 1. 한 대상이 있고, 그 대상에 대한 다양한 정보/데이터/함수들을 따로 관리/활용할 수 있는 기능(?) 2. 이름을 한 개 붙여서, 그 이름 안에 다양한 정보/데이터/함수들을 묶어서 관리/활용할 수 있는 기능이다. 예. 곰인형(객체) - 색상, 재질, 음성 녹음 기능, 가격 등(데이터/정보)... 1. 객체 만들기 var teddyBear = { colour: 'black', texture: 'soft', recording: true, price: '10,000', record = function() { return true }, me = function() { console.log(this); } } 2. 객체 정보 읽기(불러오기) 방법1 teddyBea..