프로토타입
-
[Javascript] 모던자바스크립트 딥 다이브 2일차 (~358p)웹/JavaScript 2023. 1. 17. 10:44
17. 생성자 함수에 의한 객체 생성 17.1 Object 생성자 함수 자바스크립트 Object 생성자 함수 이외에도 String, Number, Boolean, Function, Array, Date, RegExp, Promise 등의 빌트인 생성자 함수를 제공한다. //RegExp const regExp = new RegExp(/a+b/i) console.log(typeOf regExp) // object 19. 프로토 타입 19.13 프로퍼티 존재 확인 in 연산자 for-in 문을 사용하면 객체(배열 포함)에 포함된 모든 프로퍼티에 대해 루프를 수행할 수 있다. var person = { 'first-name': 'Ung-mo', 'last-name': 'Lee', gender: 'male' };..
-
[Javascript] 프로토타입, 개념, 상속, object.assign웹/JavaScript 2023. 1. 14. 11:25
I. 프로토타입 prototype 자바스크립트는 프로토타입 기반의 객체지향 프로그래밍을 지원하는 언어 오늘날에는 클래스가 더 널리 사용되지만, 사용하기에 따라 보다 강력하고 효율적 ⭐ 자바스크립트의 모든 객체는 Prototype을 가짐 const obj = {}; console.log(obj); [[Prototype]] 펼쳐서 살펴볼 것 console.log( obj.toString() ); console.log( obj.valueOf() ); 빈 객체임에도 위의 메서드들이 사용 가능한 것은 프로토타입 때문 II. Object - 모든 것의 조상 아래 각 객체의 [[Prototype]]의 [[Prototype]]이 Object임 확인 각 [[Prototype]]의 메서드들 확인 console.log(..
-
[Javascript] 생성자 함수, 프로토타입, prototype웹/JavaScript 2023. 1. 11. 11:43
💡 생성자 함수의 필요성 // 얄코치킨의 체인점을 나타내는 객체들 const chain1 = { name: '판교', no: 3, introduce () { return `안녕하세요, ${this.no}호 ${this.name}점입니다!`; } }; const chain2 = { name: '강남', no: 17, introduce () { return `안녕하세요, ${this.no}호 ${this.name}점입니다!`; } }; const chain3 = { name: '제주', no: 24, introduce () { return `안녕하세요, ${this.no}호 ${this.name}점입니다!`; } }; // 이처럼 같은 형식의 객체들을 다수 만들어야 한다면? I. 생성자 함수로..