[ 모던 자바스크립트 스터디 ] 함수와 일급 객체
·
Archive/Develop
일급 객체 아래 조건을 만족하는 객체는 일급 객체 이다. 무명의 리터럴로 생성할 수 있다. 즉, 런타임에 생성이 가능하다 변수나 자료구조에 저장할 수 있다. 함수의 매개변수에 전달할 수 있다. 함수의 반환값으로 사용할 수 있다. 자바스크립트의 함수는 위 조건을 다 만족하기때문에 일급 객체이다. 함수 객체의 프로퍼티 함수는 객체이기에 함수도 프로퍼티를 가질 수 있다. arguments, caller, length, name, prototype 프로퍼티는 모두 함수 객체의 데이터 프로퍼티다. 하지만 __proto__ 는 접근자 프로퍼티고ㅡ 함수 객체 고유의 프로퍼티가 아닌 Object.prototype 객체의 프로퍼티를 상속받은 것이다. Object.prototype 객체의 프로퍼티는 모든 객체가 상속받아..
[ 모던 자바스크립트 스터디 ] 생성자 함수에 의한 객체 생성
·
Archive/Develop
객체는 객체 리터럴 이외에도 다양한 방법으로 생성할 수 있다. 이 포스팅에서는 생성자 함수를 이용해 객체를 생성하는 방식을 다루도록 하겠다. Object 생성자 함수 const a = new Object(); 위와 같이 new 연산자와 함께 Object 생성자 함수를 호출하면 빈 객체를 생성해서 반환한다. 이후 프로퍼티를 추가하거나, 메서드를 추가하는 등의 행위도 가능하다. 생성자 함수는 new 연산자와 함께 호출해 객체를 생성하는 함수이고, 이 생성자 함수에 의해 생성된 객체를 인스턴스라 칭한다. 자바스크립트는 Object 외에도 String, Number, Boolean, Function, Array, Date, RegExep, Promise 등의 빌트인 생성자 함수를 제공한다. function Ci..
[ 모던 자바스크립트 스터디 ] 프로퍼티 어트리뷰트
·
Archive/Develop
내부 슬롯 & 내부 메서드 내부 슬롯과 내부 메서드는 자바스크립트 엔진의 구현 알고리즘을 설명하기 위해 ECMAScript 사양에서 사용하는 의사 프로퍼티와 의사 메서드다. ECMAScript 사양에 등장하는 이중 대괄호로 감싼 이름들이 바로 그것들이다. 내부 슬롯과 내부 메서드는 자바스크립트 엔진에서 실제로 동작은 하나 개발자들이 직접 사용할 수 있도록 공개된 프로퍼티는 아니다. 원칙적으로 내부 슬롯과 내부 메서드에 직접적으로 접근하거나 호출할 수 있는 방법을 제공하지는 않는다. 하지만 일부에 한해 간접적으로 접근할 수 있는 수단을 제공한다. 모든 객체는 [[Prototype]] 이라는 내부 슬롯을 갖고, 이는 __proto__ 를 통해 간접적으로 접근할 수 있다. 사실 이 언더스코더 2개를 통해 호출..
[ 모던 자바스크립트 스터디 ] let, const 키워드와 블록 레벨 스코프
·
Archive/Develop
30초 정리 - var vs let vs const 변수 선언 -> const 재할당 필요한 변수 선언 -> let 변수 선언 시 기본으로는 const 로 선언하고, 재할당이 필요하다면 그때 가서 let 으로 바꾸세요! ES5까지 변수를 선언할 수 있는 유일한 방법은 var 였지만, ES6 부터는 let, const 키워드로도 변수 선언이 가능해졌다. 우선 기존의 var 키워드가 어떤 문제가 있었는지 살펴보자. 변수 중복 선언 허용 var x = 1; var y = 1; var x = 100; var y; console.log(x); // 100 console.log(y); // 1 var 키워드로 선언한 x 변수와 y 변수는 중복 선언 되었으나 에러가 발생하지 않는다. 만약 내가 위에 apple 이라는..