ES6 문법과 함께하는 모던 Javascript(자바스크립트) 고급 Part.1대시보드

const apt = { color:"red", rooms:4, toilet:1, turnon(){ console.log("turn on..."); } }; const royalapt = { rooms:6, toilet:2, }; royalapt.__proto__ = apt; const nomalapt = { rooms:2, } nomalapt.__proto__ = royalapt; console.log(nomalapt); console.log(nomalapt.color); // red console.log(nomalapt.rooms); // 2 nomalapt.turnon(); // turn on... console.log("------------1----------------------"); const villa = { color: "black", rooms: 3, toilet: 1, turnon() { console.log("turn on..."); } }; objvila1 = { color: "red" } objvila2 = { rooms:4 } objvila3 = {} objvila1.__proto__ = villa; objvila2.__proto__ = objvila1; objvila3.__proto__ = objvila2; objvila3.turnon = function(){ console.log("vila king turn on!!!"); } console.log(objvila3.color); // red console.log(objvila3.rooms); // 4 console.log(objvila3.toilet); // 1 objvila3.turnon(); // vila king turn on!!! console.log("----------------------2-------------------------"); function oneroom(color, rooms, toilet){ this.color = color; this.rooms = rooms; this.toilet = toilet; } oneroom.prototype.turnon = function(){ console.log("turn on..."); }; const objoneroom = new oneroom("blue",1,1); objoneroom.turnon = function(){ console.log("objoneroom turn on..."); } console.log(objoneroom.color); // blue console.log(objoneroom.rooms); // 1 console.log(objoneroom.toilet); // objoneroom turn on... objoneroom.turnon(); const obj2oneroom = { rooms:1.5 }; obj2oneroom.__proto__ = objoneroom; obj2oneroom.turnon = function(){ console.log("obj2oneroom turn on..."); } console.log(obj2oneroom.rooms); // 1.5 console.log(obj2oneroom.toilet); // 1 obj2oneroom.turnon(); // obj2oneroom turn on...

function Person(name,age){ this.name = name; this.age = age; } const p1 = new Person("juu", 20); console.log(p1); 최상위레벨의 객체(Object원형) Object원형보다 최상위를 가리킴 -> null +hasOwnProperty등 object원형에 있는 함수들이 있음. Person 함수 Person 프로토타입 객체 -> Object원형을 가리킴 + prototype --> Person 프로토타입 객체(참조) + constructor --> Animal 함수(참조) + new를 통해서 p1객체나 p2객체를 생성 p1객체 + prototype --> 원형인 Person 프로토타입 객체를 참조 p2객체 + prototype --> 원형인 Person 프로토타입 객체를 참조 console.log해설 ▼ Person {name : "juu", age: 20} --> Person 생성자함수 age: 20 --> Person 함수의 멤버 age name: "juu" --> Person 함수의 멤버 name ▼ [[Prototype]]: Object --> p1객체의 프로토타입 객체 ► constructor: f Person(name,age) --> Person 프로토타입 객체 -> constructor로 Person 함수 참조 ► [[Prototype]]: Object --> Person 프로토타입 객체 조차도 Prototype을 가짐 -> 최상위레벨의 객체(Object원형) 참조 --> 최상위레벨의 객체(Object원형)도 더 최상위를 가리키는데 -> null

[1]: 내부적으로는 빈 객체를 생성한 후에 --> 같은 이름의 "프로토타입 객체"를 새로운 객체의 원형(프로토타입)으로 설정. 즉, new 연산자로 빈객체를 생성한 후에 (tiger, lion) 객체의 원형으로 Animal 프로토타입 객체를 숨은링크로 가르킨다(참조). Animal 함수 Animal 프로토타입 객체 + prototype --> Animal 프로토타입 객체(참조) + constructor --> Animal 함수(참조) + new를 통해서 tiger객체나 lion객체를 생성 tiger객체 + prototype --> 원형인 Animal프로토타입 객체를 참조 lion객체 + prototype --> 원형인 Animal프로토타입 객체를 참조

결국 key, value가 같은 값으로 생성이 되는데, 굳이 entries로 뭔가 작업할 일이 있을까 싶어서요.