본문 바로가기

javascript/📖 study39

[3주차 스터디]19장-프로토타입 프로토타입 자바스크립트는 명령형, 함수형, 프로토타입 기반 객체지향을 지원하는 멀티 패러다임 프로그래밍 언어 js 에서 원시 타입 값을 제외한 나머지 값들은 모두 객체 상속과 프로토타입 상속(inheritance)을 통해 객체의 프로퍼티, 메서드를 다른 객체가 상속받아 그대로 사용할 수 있게 됨. JavaScript는 프로토타입을 기반으로 상속을 구현하여 불필요한 중복을 제거. 프로토타입 사용x function Circle(radius){ this.radius = radius; this.getArea = function () { return Math.PI * this.radius ** 2; }; } const circle1 = new Circle(1); const circle2 = new Circle(2.. 2022. 2. 14.

[3주차 스터디]18장-함수와 일급객체 함수와 일급 객체 다음 조건을 만족하는 객체를 일급 객체 라고 한다. 1.무명의 리터럴로 생성 가능 (= 런타임에 생성 가능) 2.변수나 자료구조에 저장 가능 3.함수의 매개변수로 전달 가능 4 함수의 반환값으로 사용 가능 자바스크립트의 함수는 일급 객체 함수객체의 프로퍼티 함수객체는 일반 객체에 없는 고유의 프로퍼티를 가집니다. arguments, caller, length, name, __proto__ arguments 프로퍼티 모든 인수는 암묵적으로 arguments 객체의 프로퍼티로 보관된다. 자바스크립트에서 함수의 매개변수와 인수의 개수가 일치하는 지 확인 하지 않음 arguments 객체는 length 프로퍼티가 있는 유사 배열 객체 이므로 순회 가능(iterable)하다 가변 인자 함수를 구.. 2022. 2. 14.

[3주차 스터디] 17장-생성자 함수 생성자 함수에 의한 객체 생성 Object 생성자 함수 new연산자와 함께 Object 생성자 함수를 호출하면 빈 객체를 생성하여 반환함 Object 생성자 함수 이외에도 String, Number, Boolean, Function, Array, Date, RegExp, Promise 등 빌트인 생성자 함수를 제공 // 빈 객체의 생성 const person = new Object(); // 프로퍼티 추가 person.name = 'Lee'; person.sayHello = function () { console.log('Hi! My name is ' + this.name); }; console.log(person); // {name: "Lee", sayHello: ƒ} pe.. 2022. 2. 14.

[3주차 스터디] 16장 프로퍼티, 어트리뷰트 프로퍼티 어트리뷰트 내부슬롯과 내부 메서드 자바스크립트 엔진의 구현 알고리즘을 설명하기위해 ECMAScript 사양에서 사용하는 의사 프로퍼티pseudo property와 의사 메서드pseudo method ECMAScript 사양에서 이중대괄호 ([[ ... ]])로 감싼이름들이 내부 슬롯과 내부 메서드 개발자가 직접 접근할 수 있는 공개된 프로퍼티는 아님 일부에 한하여 간접적으로 접근할 수 있는 수단이 제공됨 ex) 모든 객체는 [[Prototype]]이라는 내부 슬롯을 갖습니다. [[Prototype]]의 경우, proto를 통해 간접적으로 접근 할 수 있습니다. 프로퍼티 어티리뷰트, 프로퍼티 디스크립터 객체 자바스크립트 엔진은 프로퍼티를 생성할 때 프로퍼티의 상태를 나타내는 프로퍼티 어트리뷰트를 .. 2022. 2. 14.

[2주차 스터디]15장-let const 블록 스코프 let, const 키워드와 블록 레벨 스코프 var 키워드 변수 문제점 중복선언 허용 함수레벨 스코프 var 키워드로 선언한 변수는 오로지 함수 스코프 내에서만 지역 스코프로 인정 됩니다. var x = 1; if (true) { // x는 전역 변수다. 이미 선언된 전역 변수 x가 있으므로 x 변수는 중복 선언된다. // 이는 의도치 않게 변수값이 변경되는 부작용을 발생시킨다. var x = 10; } console.log(x); // 10 변수 호이스팅 var 키워드 이용시 호이스팅에 의해 할당 이전에 참조 가능 // 이 시점에는 변수 호이스팅에 의해 이미 foo 변수가 선언되었다(1. 선언 단계) // 변수 foo는 undefined로 초기화된다. (2. 초기화 단계) console.log(foo.. 2022. 2. 6.

[2주차 스터디]14장-전역변수 문제점 전역 변수의 문제점 변수의 생명 주기 전역 변수의 생명 주기는 애플리케이션의 생명 주기와 같다 지역 변수의 생명주기는 함수의 생명 주기와 일치한다. 단, 누군가 스코프를 참조하고 있으면 스코프는 소멸하지 않고 생존 (클로저 개념) 호이스팅은 스코프 단위로 동작한다. var x = 'global'; function foo() { console.log(x); // undefined var x = 'local'; } foo(); console.log(x); // global 전역 객체 전역 객체는 코드가 실행 되기 이전 단계에 자바스크립트 엔진에 의해 어떤 객체 보다도 먼저 생성되는 특수한 객체 브라우저 에서는 window가 전역객체, node.js에서는 global 이 전역객체 .. 2022. 2. 6.

이전 1 2 3 4 5 6 7 다음

티스토리툴바