코딩을 쉽게 해보자

1. this 키워드 동작을 나타내는 메서드는 자신이 속한 객체의 상태, 프로퍼티를 참조하고 변경할 수 있어야 한다. 이때 메서드가 자신이 속한 객체의 프로퍼티를 참조하려면 자신이 속한 객체를 가리키는 식별자를 참조할 수 있어야 한다. this는 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수(self-referencing variable)다. this를 통해 자신이 속한 객체 또는 자신이 생성할 인스턴스의 프로퍼티나 메소드를 참조할 수 있다. this가 가리키는 값, 즉 this 바인딩은 함수 호출 방식에 의해 동적으로 결정된다. this 바인딩(this binding) 바인딩 이란 식별자의 값을 연결하는 과정 변수 선언은 변수 이름(식별자)과 확보된 메모리 공간의 주소를 바인..

1. 자바스크립트 객체의 분류 표준 빌트인 객체(standard built-in objects / native objects / global objects) 자바스크립트 실행 환경(브라우저 또는 Node.js 환경)과 관계없이 언제나 사용할 수 있다. 호스트 객체(host objects) 자바스크립트 실행 환경에서 추가로 제공하는 객체 브라우저 환경에서는 DOM, BOM, Canvas, XMLHttpRequest, fetch, requestAnimationFrame, SVG, Web Storage, Web Component, Web Worker와 같은 클라이언트 사이드 Web API를, Node.js 환경에서는 Node.js의 API를 제공한다. 사용자 정의 객체(user-defined objects) ..

1. strict mode란? function foo() { x = 10; } foo(); console.log(x); // ? x 변수를 찾아야 x에 값을 할당할 수 있기에 JS 엔진은 먼저 foo 함수의 스코프에서 x 변수의 선언을 검색 => 실패 foo 함수 컨텍스트의 상위 스코프(위 예제에서는 전역 스코프)에서 x 변수의 선언을 검색 JS 엔진은 암묵적으로 전역 객체에 x 프로퍼티를 동적 생성 이때 전역 객체의 x 프로퍼티는 마치 전역 변수처럼 사용 가능 이러한 현상을 암묵적 전역(implict global)이라 한다. => 오류를 발생시키는 원인이 될 가능성이 크다.(var, let, const 키워드를 사용해야함) ES5부터 strict mode(엄격 모드)가 추가되었다. strict mode..

자바스크립트는 명령형, 함수형. 프로토타입 기반, 객체지향 프로그래밍을 지원하는 멀티 패러다임 프로그래밍 언어다. 클래스 ES6에서 도입 클래스도 함수이며, 기존 프로토타입 기반 패턴의 Syntactic sugar이라고 볼 수 있다. 클래스와 생성자 함수는 모두 프로토타입 기반의 인스턴스를 생성하지만 정확히 동일하게 동작 X 생성자 함수보다 엄격하게 동작 생성자 함수에서는 제공하지 않는 기능도 제공 새로운 객체 생성 메커니즘으로 보는 것이 좀 더 합당하다고 할 수 있다. 1. 객체지향 프로그래밍 객체의 집합으로 프로그램을 표현하려는 프로그래밍 패러다임을 말한다. 추상화 다양한 속성 중에서 프로그램에 필요한 속성만 간추려 내어 표현하는 것 객체지향 프로그래밍은 객체의 상태(state)를 나타내는 데이터와 ..