프론트엔드 개발자의 기록 공간

다음과 같은 조건을 만족하는 객체를 일급 객체라 한다. 무명의 리터럴로 생성할 수 있다. 즉, 런타임에 생성이 가능하다. 변수나 자료구조(객체, 배열 등)에 저장할 수 있다. 함수의 매개변수에 전달할 수 있다. 함수의 반환값으로 사용할 수 있다. // 1. 함수는 무명의 리터럴로 생성할 수 있다. // 2. 함수는 변수에 저장할 수 있다. // 런타임(할당 단계)에 함수 리터럴이 평가되어 함수 객체가 생성되고 변수에 할당된다. const increase = function (num) { return ++num; }; const decrease = function (num) { return --num; }; // 2. 함수는 객체에 저장할 수 있다. const auxs = { increase, decrea..

📖 학습 목차 17장_생성자 함수에 의한 객체 생성 ✅ 생성자 함수에 의한 객체 생성 생성자 함수란 new 연산자와함께 호출하여 객체(인스턴스)를 생성하는 함수를 말한다. 생성자 함수에 의해 생성된 객체를 인스턴스라 한다. const person = new Object(); person.name = 'Lee'; 자바스크립트는 Object 생성자 함수 이외에도 String, Number, Boolean, Function, Array, Date등의 빌트인 생성자 함수를 제공한다. ✍ 객체 리터럴에 의한 객체 생성 방식의 문제점 객체 리터럴에 의한 객체 생성 방식은 직관적이고 간편하다. 하지만 객체 리터럴에 의한 객체 생성 방식은 단 하나의 객체만 생성하기 때문에 동일한 프로퍼티를 갖는 객체의 경우(값은 다름..

📖 학습 목차 16장_프러퍼티 어트리뷰트 ✅ 프로퍼티 어트리뷰트 프로퍼티란 속성이란 뜻으로, JS에서는 객체 내부의 속성을 의미한다. 객체도 0개 이상의 프로퍼티의 조합으로 이루어져 있다. 프로퍼티 어트리뷰트란 프로퍼티의 상태를 나타내는 것이다. 프로퍼티 상태란 프로퍼티의 값(value), 값의 갱신 가능 여부(writable), 열거 가능 여부(enumerable), 재정의 가능 여부(configurable)를 의미 한다. 즉, 자바스크립트 엔진은 프로퍼티를 생성할 때 프로퍼티의 상태를 나타내는 프로퍼티 어트리뷰트를 기본값으로 자동 정의한다. const person = { // 프로퍼티 name : 'Lee' } // 프로퍼티 어트리뷰트 정보를 제공하는 프로퍼티 디스크립터 객체를 반환한다. consol..

📖 학습 목차 13장_스코프(scope) 14장_전역 변수의 문제점 15장_let, const 키워드와 블록 레벨 스코프 ✅ 스코프(Scope) Scope(유효범위)는 자바스크립트를 포함한 모든 프로그래밍 언어의 기본적이며 중요한 개념이다. 유효범위라고도 부르며 변수가 어느 범위까지 참조되는지를 뜻 한다. 간단하게 정리한 개념은 여기서 확인할 수 있다. var var1 = 1; // 코드의 가장 바깥 영역에서 선언한 변수 if (true) { var var2 = 2; // 코드 블록 내에서 선언한 변수 if (true) { var var3 = 3; // 중첩된 코드 블록 내에서 선언한 변수 } } function foo() { var var4 = 4; // 함수 내에서 선언한 변수 function bar..

📖 학습 목차 12장_함수 ✅ 함수 함수를 사용하는 이유 코드의 재사용 - 미리 정의된 함수는 몇 번을 호출해도 함수 자체에 대한 메모리상의 변화가 없다. 유지보수의 편의성 - 정의된 함수의 로직만 수정하면 되기 때문에 유지보수 용이 코드의 신뢰성 - 동일한 함수에 대한 input, output은 항상 동일하다. 코드의 가독성 - 함수는 객체 타입의 값으로 식별자를 붙일 수 있다. 적절한 식별자를 통해 함수의 역할을 파악할 수 있다. 함수 선언문 : 함수는 함수 이름으로 호출하는 것이 아니라 함수 객체를 가리키는 식별자로 호출한다. 즉, 함수 선언문으로 생성한 함수를 호출한 것은 함수 이름 add가 아니라 자바스크립트 엔진이 암묵적으로 생성한 식별자 add인 것이다. 함수 이름과 변수 이름이 일치하므로 ..