전체 글55 this (모던 자바스크립트 Deep Dive) 22.1 this 키워드 생성자 함수를 선언할 때, 인스턴스가 만들어지기도 전에 어떻게 인스턴스를 가리켜야할까? 자신이 속한 객체 또는 생성자 함수가 생성할 인스턴스를 가리키는 자기 참조 변수 그렇기 때문에 자신이 속한 객체 또는 인스턴스의 프로퍼티나 메서드를 참조할 수 있다. 엔진에 의해 암묵적으로 생성된다. 함수 호출 방식에 따라 동적으로 결정된다. this는 키워드이지만 식별자 역할을 하며 this가 가리킬 객체를 바인딩한다. this는 어디서든 참조가 가능하다. 📎 this의 장소 의미 전역 window 일반 함수 window 객체의 메서드 호출한 객체 생성자 함수 인스턴스 일반 함수 (strict mode) undefined 22.2 함수 호출 방식과 this 바인딩 함수 호출 방식에 따라 th.. 2024. 4. 16. 빌트인 객체 (모던 자바스크립트 Deep Dive) 21.1 자바스크립트 객체의 분류 표준 빌트인 객체 ECMAScript 사양에 정의된 객체 전역 객체의 프로퍼티 호스트 객체 실행 환경에 따라 추가로 제공되는 객체 브라우저 또는 Node.js 사용자 정의 객체 21.2 표준 빌트인 객체 모두 인스턴스를 생성할 수 있는 생성자 함수 객체 프로토타입 메서드와 정적 메서드 제공 Math, Reflect, JSON 제외 얘네는 정적 메서드만 제공 21.3 원시값과 래퍼 객체 원시값은 객체가 아니지만 객체처럼 동작한다. 엔진에서 암묵적으로 연관된 객체를 생성하여 해당 프로퍼티에 접근/호출 후 원시값으로 되돌린다. 사용된 임시 객체는 가비지 콜렉터가 주서간다. 엔진에 의해 임시로 객체가 되는 친구들을 래퍼 객체라고 부른다. Symbol()은 생성자 함수가 아니므로.. 2024. 4. 16. strict mode (모던 자바스크립트 Deep Dive) 20.1 strict mode란? 키워드로 변수 선언을 하지 않으면 암묵적 전역이 일어나고 해당 변수를 참조하면 에러가 발생하지 않는다. ES5부터 지원 언어의 문법을 더욱더 엄격하게 적용시킨다. strict mode보다 ESLint를 선호 strict mode + 코딩 컨벤션 20.2 strict mode의 적용 전역의 선두, 함수 몸체의 선두 ‘use strict’; 추가 20.3 전역에 strict mode를 적용하는 것은 피하자 스크립트 단위로 실행된다. 다른 스크립트에는 영향을 주지 않는다. 즉시 실행 함수로 스코프를 구분하고 strict mode 적용 20.4 함수 단위로 strict mode를 적용하는 것도 피하자 번거롭다. 중첩 함수의 경우 또 번거로워진다. 20.5 strict mode가.. 2024. 4. 16. 프로토타입 (모던 자바스크립트 Deep Dive) 클래스, 상속, 캡슐화를 위한 키워드가 없어서 객체 지향 언어가 아니다? (public, private, protected 등) 프로토타입 기반의 객체 지향 프로그래밍이다! 19.1 객체지향 프로그래밍 객체의 집합으로 프로그램을 표현하려는 프로그래밍 패러다임 클래스, 상속, 캡슐화를 위한 키워드가 없어서 객체 지향 언어가 아니다? (public, private, protected 등) 프로토타입 기반의 객체 지향 프로그래밍이다! 19.1 객체지향 프로그래밍 객체의 집합으로 프로그램을 표현하려는 프로그래밍 패러다임 어떤 사물이나 개념을 인식하는 철학적 사고를 프로그래밍에 접목하여 그 실체는 속성을 가지고 있다고 말한다. 추상화? 다양한 실체의 속성 중 필요한 것만 표현하는 것 객체 속성을 통해 여러 개의 .. 2024. 4. 16. 함수와 일급 객체 (모던 자바스크립트 Deep Dive) 18.1 일급 객체 일급 객체의 조건 무명의 리터럴로 생성할 수 있다. 런타임에 생성이 가능하다. 변수나 자료구조(객체, 배열 등)에 저장할 수 있다. 함수의 매개변수에 전달할 수 있다. 함수의 반환값으로 사용할 수 있다. 함수형 프로그래밍을 가능하게 하는 자바스크립트의 장점 18.2 함수 객체의 프로퍼티 함수도 프로퍼티를 가진다. console.dir()로 내부를 보면? function square(number) { return number * number; } console.dir(square); // arguments: null // caller: null // length: 1 // name: "square" // prototype: {constructor: f} // [[FunctionLocat.. 2024. 4. 16. 생성자 함수에 의한 객체 생성 (모던 자바스크립트 Deep Dive) 객체 리터럴에 의한 방식이 아닌 생성자 함수로 객체를 생성해보자! 17.1 Object 생성자 함수 const person = new Object(); // 빈 객체 반환 필요한 프로퍼티나 함수를 추가해서 사용한다. 생성자 함수(new)를 활용해 생성한 객체를 객체 인스턴스라고 부른다. 17.2 생성자 함수 17.2.1 객체 리터럴에 의한 객체 생성 방식의 문제점 프로퍼티 구조가 동일하더라도 매번 같은 프로퍼티와 메서드를 가진 객체를 생성하는 코드를 기술해야한다. 객체 구조 재사용에 불편하다. 17.2.2 생성자 함수에 의한 객체 생성 방식의 장점 객체 인스턴스를 생성하기 때문에 같은 구조의 객체를 몇 개든지 생성할 수 있다. 붕어빵 틀을 만드는 것이다. new 연산자 없이 생성자 함수를 호출하면 일반 .. 2024. 4. 16. 이전 1 2 3 4 5 6 7 ··· 10 다음 728x90 반응형
