Daehyunii's Dev-blog

자바스크립트는 프로토타입 기반의 객체지향 프로그래밍 언어다. 자바스크립트는 객체 기반의 프로그래밍 언어이며 자바스크립트를 이루고 있는 거의 '모든 것'이 객체다.(원시 타입의 값 제외) 19.1 객체지향 프로그래밍 객체지향 프로그래밍은 프로그램을 명령어 또는 함수의 목록으로 보는 전통적인 명령형 프로그래밍의 절차지향적 관점에서 벗어나 여러 개의 독립적 단위, 즉 객체의 집합으로 프로그램을 표현하려는 프로그래밍 패러다임을 말한다. 객체란, 속성을 통해 여러 개의 값을 하나의 단위로 구성한 복합적인 자료구조이며, 객체지향 프로그래밍은 독립적인 객체의 집합으로 프로그램을 표현하려는 프로그래밍 패러다임이다. 객체지향 프로그래밍은 객체의 상태를 나타내는 데이터, 프로퍼티와 상태 데이터를 조작할 수 있는 동작, 메..

18.1 일급 객체 1. 무명의 리터롤로 생성할 수 있다.(런타임에 생성이 가능하다.) 2. 변수나 자료구조(객체, 배열 등)에 저장할 수 있다. 3. 함수의 매개변수에 전달할 수 있다. 4. 함수의 반환값으로 사용할 수 있다. 자바스크립트의 함수는 위의 조건을 모두 만족하는 일급 객체다. //함수는 무명의 리터럴로 생성할 수 있다. //함수는 변수에 저장할 수 있다. const increase = function(num){ return ++num; }; const decrease = function(num){ return --num; }; //함수는 객체에 저장할 수 있다. const counter = {increase, decrease}; //함수의 매개변수에 함수를 전달할 수 있다. //함수의 반환..

객체를 생성하는 방식에는 여러가지가 있다. 대표적으로 앞서 배운 객체 리터럴을 사용하는 방법이 있다. 이번에 공부 할 내용은 생성자 함수를 통한 객체 생성이다. 17.1 Object 생성자 함수(빌트인 생성자 함수) new 연산자와 함께 Object 생성자 함수를 호출하면 빈 객체를 생성하여 반환한다. 빈 객체를 생성한 이후 프로퍼티 또는 메서드를 추가하여 객체를 완성할 수 있다. 생성자 함수란 new 연산자와 함께 호출하여 객체를 생성하는 함수를 말한다. 생성자 함수에 의해 생성된 객체를 인스턴스라 한다. 자바스크립트는 Object 생성자 함수 외에도 여러가지 빌트인 생성자 함수를 제공한다. (String, Number, Boolean, Function, Array, Date, RegExp, Promi..

16.1 내부 슬롯과 내부 메서드 프로퍼티 어트리뷰트를 이해하기 위해서는 먼저 내부 슬롯과 내부 메서드의 개념에 대해 알고 있어야 한다. 내부 슬롯과 내부 메서드는 자바스크립트 엔진의 구현 알고리즘을 설명하기 위해 ECMAScript 사양에서 사용하는 의사 프로퍼티와 의사 메서드다. ECMAScript 사양에 등장하는 이중 대괄호( [[...]] )로 감싼 이름들이 내부 슬롯과 내부 메서드다. 내부 슬롯과 내부 메서드는 자바스크립트 엔진의 내부 로직이므로 원칙적으로 직접 접근하거나 호출할 수 있는 방법을 제공하지 않는다. 단, 일부 내부 슬롯과 내부 메서드에 한하여 간접적으로 접근할 수 있는 수단을 제공할 뿐이다. (ex __proto__) 16.2 프로퍼티 어트리뷰트와 프로퍼티 디스크립터 객체 자바스크..

15.1 var 키워드로 선언한 변수의 문제점 ES5까지 변수를 선언할 수 있는 유일한 방법은 var 키워드를 사용하는 것이었다. var 키워드로 선언된 변수는 독특한 특징이 있다. 15.1.1 변수 중복 선언 허용 var 키워드로 선언한 변수는 중복 선언이 가능하다. var x = 1; // 변수 선언 및 값의 할당 var x = 100; // 자바스크립트 엔진에 의해 var 키워드가 무시되고 x 변수에 재할당이 이뤄진다. console.log(x); // 100 15.1.2 함수 레벨 스코프 앞에서 정리한 내용과 같이 var 키워드로 선언한 변수는 오로지 함수의 코드 블록만을 지역 스코프로 인정한다. 따라서 함수 외부에서 var 키워드로 선언한 변수는 코드 블록 내에서 선언해도 모두 전역 변수가 된다..

14.1 변수의 생명 주기 14.1.1 지역 변수의 생명 주기 변수는 선언에 의해 생성되고 할당을 통해 값을 갖는다. 그리고 언젠가 소멸한다. 즉 변수는 생물과 유사하게 생성되고 소멸되는 생명 주기가 있다. 변수는 자신이 선언된 위치(전역or지역)에서 생성되고 소멸한다. 전역 변수의 생명 주기는 애플리케이션의 생명 주기와 같다. 하지만 함수 내부에서 선언된 지역 변수는 함수가 호출되면 생성되고 함수가 종료하면 소멸한다. 즉, 지역 변수의 생명 주기는 함수의 생명 주기와 일치한다. 다시 말해 지역 변수는 함수가 호출되면 지역 변수가 생성되고, 함수의 종료와 함께 지역 변수도 소멸한다. 14.1.2 전역 변수의 생명 주기 함수와 달리 전역 코드는 명시적인 호출 없이 실행된다. 다시 말해, 전역 코드는 함수 ..

13.1 스코프란? 스코프란 식별자 자신이 선언된 위치에 의해 다른 코드가 식별자 자신을 참조할 수 있는 유효 범위를 말한다. 즉, 스코프는 식별자가 유효한 범위를 말한다. 앞서 경험한 바와 같이 함수의 매개변수는 함수 몸체 내부에서만 참조할 수 있고 함수 몸체 외부에서는 참조할 수 없다. 이것은 매개변수를 참조할 수 있는 유효범위, 즉 매개변수의 스코프가 함수 몸체 내부로 한정되기 때문이다. function add(x, y){ console.log(x, y); return x + y; } console.log(add(2, 5)); // 2 5 // 7 console.log(x,y); // ReferenceError발생 변수는 코드의 가장 바깥 영역뿐 아니라 코드 블록이나 함수 몸체 내에서도 선언할 수 ..

12.1 함수란? 함수는 자바스크립트에서 가장 중요한 핵심 개념이다. 프로그래밍 언어의 함수는 일련의 과정을 문으로 구현하고 코드 블록으로 감싸서 하나의 실행 단위로 정의한 것이다. 함수는 함수 정의를 통해 생성한다. 자바스크립트의 함수는 다양한 방법으로 정의할 수 있다. // 함수 선언문으로 정의 function add(x,y){ return x + y; } 함수 정의만으로 함수가 실행되는 것은 아니다. 인수를 매개변수를 통해 함수에 전달하면서 함수의 실행을 명시적으로 지시해야 한다. 이를 함수 호출이라 한다. 함수를 호출하면 코드 블록에 담긴 문들이 일괄적으로 실행되고 실행 결과, 즉 반환값을 반환한다. function add(x,y){ return x + y; } console.log(add(2,3..