구조 분해 할당은 구조화된 배열과 같은 이터러블 또는 객체를 destructuring하여 1개 이상의 변수에 개별적으로 할당하는 것을 말한다. 배열과 같은 이터러블 또는 객체 리터럴에서 필요한 값만 추출하여 변수에 할당할 때 유용하다. in ES5 ES5에서 구조화된 배열을 디스트럭처링하여 1개 이상의 변수에 할당하는 방법은 다음과 같다. var arr = [1, 2, 3]; var one = arr[0]; var two = arr[1]; var three = arr[2]; console.log(one, two, three); // 1 2 3 in ES6 ES6의 배열 디스트럭처링 할당은 배열의 각 요소를 배열로부터 추출하여 1개 이상의 변수에 할당한다. 이 때 배열 디스트럭처링 할당의 대상(할당문의 우..
javascript
오늘의 키워드 instance of 연산자 프로토타입 프로퍼티 바인딩 과 프로토타입 교체 프로퍼티 존재 확인법 : in, Object.prototype.hasOwnProperty() 프로퍼티 열거 : for in, Object.keys, Object.values, Object.entries strict mode와 ESLint JS 객체의 분류 : 표준 빌트인 객체/호스트 객체/사용자 정의 객체 원시값과 래퍼 객체 전역 객체 : window/global 일할 때 봤던 encodeURI와 encodeURIComponent의 차이 암묵적 전역 : 변수가 아니고, 단지 전역 객체의 프로퍼티일 뿐이며 호이스팅이 발생하지 않음!
오늘의 키워드 객체 생성 방식 종류 : 객체 리터럴/Object 생성자 함수/생성자 함수/Object.create 메서드/클래스(ES6) ㄴ 추상연산 OrdinaryObjectCreate에 의해 생성됨 프로토타입 체인과 스코프 체인 프로퍼티 섀도잉 객체 생성 방식 1. 객체 리터럴 : 객체 리터럴에 의해 생성되는 객체의 프로토타입은 Object.prototype const obj = { x : 1 }; console.log(obj.constructor === Object); // true console.log(obj.hasOwnProperty('x')); // true Object 생성자 함수 : 객체 리터럴과 동일하게 프로토타입은 Object.prototype const obj = new Object(..
오늘의 키워드 프로토타입 참조 취득 : Object.getPrototypeOf(객체명) 상속하도록 만드는 구문 : Sedan.prototype = Object.create(Vehicle.prototype); 상속 공부! 더보기 123456789101112131415161718192021function Vehicle(name, speed) { this.name = name; this.speed = speed;}Vehicle.prototype.drive = function () { console.log(this.name + ' runs at ' + this.speed)};var tico = new Vehicle('tico', 50);tico.drive(); // 'tico runs at 50'function..
