'JavaScript' 태그의 글 목록 (3 Page)

[Javascript]빌트인 객체

사부작사부작/Javascript 2022. 3. 21. 22:59

#모던자바스크립트_딥다이브 스터디를 진행하면서 정리한 내용입니다. 자바스크립트 객체의 분류 표준 빌트인 객체 표준 빌트인 객체는 ECMAScript 사양에 정의된 객체이므로 자바스크립트 실행 환경에 관계없이 언제나 사용할 수 있다. 표준 빌트인 객체는 전역 객체의 프로퍼티로서 제공된다. 따라서 별도의 선언 없이 전역 변수처럼 언제나 참조할 수 있다. 호스트 객체 호스트 객체는 ECMAScript 사양에 정의되어 있지 않지만 자바스크립트 실행 환경에서 추가로 제공하는 객체를 말한다. (ex, DOM, BOM, Canvas, fetch, XMLHttpRequest 등) 사용자 정의 객체 사용자 정의 객체는 표준 빌트인 객체와 호스트 객체처럼 기본 제공되는 객체가 아닌 사용자가 직접 정의한 객체를 말한다. 표..

[Javascript]Prototype (2) 프로토타입 체인

사부작사부작/Javascript 2022. 3. 15. 20:09

#모던자바스크립트_딥다이브 스터디를 진행하면서 정리한 내용입니다. 프로토타입의 생성 시점 prototype과 생성자 함수는 단독으로 존재할 수 없기 때문에, prototype은 생성자 함수가 생성되는 시점에 생성된다. 1. 사용자 정의 생성자 함수와 프로토타입 생성 시점 일반 함수(함수 선언문, 함수 표현식)로 정의한 함수 객체는 new 연산자와 함께 생성자 함수로서 호출할 수 있다. 생성자 함수로서 호출할 수 있는 함수, 즉 constructor는 함수 정의가 평가되어 함수 객체를 생성하는 시점에 prototype 프로퍼티도 함께 생성된다. // 함수 Person이 평가될 때 자동으로 ptototype도 함께 생성됨 console.log(Person.prototype); // {constructor: ..

[Javascript]Prototype (1) 정의, __proto__, constructor

사부작사부작/Javascript 2022. 3. 14. 22:22

#모던자바스크립트_딥다이브 스터디를 진행하면서 정리한 내용입니다. 객체지향 프로그래밍 객체지향 프로그래밍은 프로그램을 명령어 또는 함수의 목록으로 보는 전통적인 명령형 프로그래밍의 절차지향적 관점에서 벗어나 여러 개의 독립적 단위, 즉 객체의 집합으로 프로그램을 표현하려는 프로그래밍 패러다임이다. 다시 말해, 객체를 나타내는 특정한 속성을 통해 여러 개의 값을 하나의 단위로 구성한(추상화한) 복합적인 자료구조를 객체라고 하고, 객체지향 프로그래밍은 독립적인 객체의 집합으로 프로그램을 표현하려는프로그래밍 패러다임이다. 추상화 : 다양한 속성 중에서 프로그램에 필요한 속성만 간추려 내어 표현하는 것 const circle = { radius: 5, // 반지름 // 원의 지름: 2r getDiameter()..

[Javascript]함수와 일급 객체

카테고리 없음 2022. 3. 1. 21:18

#모던자바스크립트_딥다이브 스터디를 진행하면서 정리한 내용입니다. 일급 객체 1) 무명의 리터럴로 생성할 수 있다. 즉, 런타임에 생성이 가능하다. 2) 변수나 자료구조(객체,배열)에 저장할 수 있다. 3) 함수의 매개변수에 전달할 수 있다. 4) 함수의 반환값으로 사용할 수 있다. // 1. 함수는 무명의 리터럴로 생성할 수 있다. // 2. 함수는 변수에 저장할 수 있다. // 런타임(할당 단계)에 함수 리터럴이 평가되어 함수 객체가 생성되고 변수에 할당된다. const increase = function (num) { return ++num; }; const decrease = function (num) { return --num; }; // 2. 함수는 객체에 저장할 수 있다. const auxs..

[Javascript] 생성자 함수에 의한 객체 생성

사부작사부작/Javascript 2022. 3. 1. 20:05

#모던자바스크립트_딥다이브 스터디를 진행하면서 정리한 내용입니다. Object 생성자 함수 new 연산자와 함께 Object 생성자 함수를 호출하면 빈 객체를 생성하여 반환한다. 빈 객체를 생성한 이후 프로퍼티 또는 메서드를 추가하여 객체를 완성할 수 있다. // 빈 객체의 생성 const person = new Object(); // 프로퍼티 추가 person.name = 'Won'; person.sayHello = function () { console.log('Hi! My name is ' + this.name); }; console.log(person); // {name: "Won", sayHello: ƒ} person.sayHello(); // Hi! My name is Won 생성자 함수에 의..

[Javascript]Property attribute

사부작사부작/Javascript 2022. 2. 28. 21:12

#모던자바스크립트_딥다이브 스터디를 진행하면서 정리한 내용입니다. 내부 슬롯과 내부 메서드 내부 슬롯과 내부 메서드는 자바수크립트 엔진의 구현 알고리즘을 설명하기 위해 사용하는 의사 프로퍼티와 의사 메서드다. ECMAscript 사양에 등장하는 이중 대괄호([[...]])로 감싼 이름들이 내부 슬롯과 내부 메서드다. 내부 슬롯과 내부 메서드는 자바스크립트 엔진에서 실제로 동작하지만 개발자가 직접 접근할 수 있도록 외부 공개된 객체의 프로퍼티가 아니다. 다만, 일부 내부 슬롯과 메서드에 한하여 간접적으로 접근할 수 있다. 모든 객체는 [[protorype]]이라는 내부 슬롯을 갖는다. 이 내부 슬롯의 경우 __proto__를 통해 간접적으로 접근할 수 있다. const o = {}; // 내부 슬롯은 자바..

[Javascript]let, const 키워드와 블록 레벨 스코프

카테고리 없음 2022. 2. 27. 22:00

#모던자바스크립트_딥다이브 스터디를 진행하면서 정리한 내용입니다. var 키워드의 문제점 1) 변수 중복 선언 허용 var 키워드로 선언된 변수는 같은 스코프 내에서 중복 선언을 허용한다. 만약 동일한 이름의 변수가 이미 선언되어 있는 것을 모르고 변수를 중복 선언하면서 값을 할당했다면 의도치 않게 먼저 선언된 변수 값이 변경되는 부작용이 발생한다. var x = 1; var y = 1; // 초기화문이 있는 변수 선언문은 자바스크립트 엔진에 의해 var 키워드가 없는 것처럼 동작한다. var x = 100; // => x = 100; // 초기화문이 없는 변수 선언문은 무시된다. var y; // => 실행되지 않음 console.log(x); // 100 console.log(y); // 1 2) 함..

[Javascript] 전역 변수의 문제점

사부작사부작/Javascript 2022. 2. 27. 19:29

#모던자바스크립트_딥다이브 스터디를 진행하면서 정리한 내용입니다. 변수의 생명 주기 1) 지역 변수의 생명주기 함수 몸체 내에서 var로 선언한 변수는 지역 변수이다. 이때, 지역 변수의 생명 주기는 함수가 호출되면 지역 변수가 생성되고 함수가 종료되면 소멸한다. function foo() { var x = 'local'; // 변수 x 생성 console.log(x); // local return x; // 변수 x 반환과 함께 함수 종료, 변수 생명 주기 종료 } foo(); console.log(x); // ReferenceError: x is not defined 함수 내부에서 선언된 지역 변수는 함수가 생성한 스코프에 등록된다. 변수는 자신이 등록된 스코프가 소멸될 때 까지 유효하다. 할당된 스..

ABOUT ME

Way in Wayne

티스토리툴바