본문 바로가기

javascript/📖 study39

[5주차 스터디]25장-클래스 클래스 문법적 설탕(Syntactic Sugar) 자바스크립트는 프로토타입 기반의 객체지향 언어를 지원합니다. es6에서 도입된 클래스는 클래스 기반 객체 지향 프로그래밍 언어와 매우 흡사한 객체 생성 메커니즘을 제시합니다. 사실 클래스는 객체 지향 모델을 제공하는 것이 아닌 함수이며 프로토타입 기반 패턴을 클래스 기반 패턴 처럼 사용할 수 있게 하는 문법적 설탕(Syntactic Sugar) 이라고 볼 수 있다. 클래스는 생성자 함수와 매우 유사하게 동작하지만 몇 가지 차이가 있다. 클래스를 new키워드 없이 호출 하면 에러, 생성자 함수는 일반 함수로 호출됨 클래스는 상속을 지원하는 extends와 super 키워드를 제공 클래스는 호이스팅이 발생하지 않는 것 처럼 동작, (함수는 함수 선언문 으로 .. 2022. 3. 27.

[5주차 스터디]24장-클로저 클로저 클로저는 함수와 그 함수가 선언된 렉시컬 환경의 조합 렉시컬 환경의 이해 const x = 1; function outerFunc() { const x = 10; innerFunc(); } function innerFunc() { console.log(x); // 1 } outerFunc(); 자바스크립트는 렉시컬 스코프를 따르기 때문에 중첩된 함수가 아니라면 outerFunc 함수의 변수에 접근할 수 없다. 렉시컬 스코프 자바스크립트 엔진은 함수를 어디서 호출했는지가 아니라 함수를 어디에 정의했는지에 따라 상위 스코프를 결정한다. 이를 렉시컬 스코프(정적 스코프)라고 한다. 전역에서 정의된 함수의 상위 스코프는 전역이다. 실행컨텍스트의 렉시컬 환경은 자신의 외부 렉시컬 환경에 대한 참조에 상위 .. 2022. 3. 27.

[4주차 스터디] 23장-실행 컨텍스트 실행 컨텍스트 실행 컨텍스트를 바르게 이해 한다면 알 수 있는 것들 자바스크립트의 스코프 기반 식별자와 식별자 바인딩을 관리하는 방식 호이스팅이 발생하는 이유 클로저의 동작 방식 태스크 큐와 함께 동작하는 이벤트 핸들러 비동기 처리의 동작 방식 소스코드의 타입 ECMAScript 사양은 소스코드를 4가지 타입으로 구분, 이때 소스크도는 실행 컨텍스트를 생성 전역 코드(global code) 전역에 존재하는 소스코드. 전역에 정의된 함수, 클래스 등의 내부 코드는 포함 X 함수 코드(function code) 함수 내부에 존재하는 소스코드 함수 내부에 중첩된 함수, 클래스 등의 내부 코드는 포함 X eval 코드(eval code) 빌트인 전역 함수인 eval 함수에 인수로 전달되어 실행되는 소스코드. 모.. 2022. 2. 23.

[4주차 스터디] 22장- this this this의 정의 this는 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기참조 변수 this를 통해 자신이 속한 객체 또는 자신이 생성할 인스턴스의 프로퍼티나 메서드를 참조할 수 있다. this의 필요성 객체는 프로퍼티와 메서드로 이루어져 있다. 프로퍼티 : 상태(state)를 나타냄 메서드 : 동작을 나타냄 객체는 자신이 속한 객체의 상태를 참조하거나 변경해야 하는 경우가 생김 자신의 프로퍼티나 메서드를 참조하려면 우선 자신이 속한 객체를 가리키는 식별자를 참조할 수 있어야 한다. 예를 들어 생성자 함수 경우 new키워드로 생성자 함수를 호출해야 instance가 생성된다. 즉, 생성자 함수를 정의하는 시점에 생성될 예정인 instance를 가리키는 식별자가 필요 (= this).. 2022. 2. 23.

[4주차 스터디] 21장- 빌트인 객체 빌트인 객체 자바스크립트 객체의 분류 자바스크립트 객체는 다음과 같이 크게 3개의 객체로 분류할 수 있다. 표준 빌트인객체 표준 빌트인 객체는 ECMAScript 사양에 정의된 객체를 말하면, 애플리케이션 전역의 공통 기능을 제공한다. 자바스크립트 실행 환경과 관계없이 언제나 사용가능 전역 객체의 프로퍼티로서 제공 됨 따라서 전역 변수 처럼 사용 가능 호스트 객체 호스트 객체는 ECMAScript 사양에 정의되어 있지 않지만 자바스크립트 실행환경 (browser또는 Node.js)에서 추가로 제공하는 객체 브라우저 환경 : DOM, BOM, Canvas, XMLHttpRequest 등의 WebAPI제공 Node.js 환경 : path, os 등 node.js 에서 고유의 API 제공 공식문서 참조 사용자.. 2022. 2. 23.

[4주차 스터디] 20장- strict mode strict mode strict mode 란? 자바스크립트 언어의 문법을 좀 더 엄격히 적용하여 오류를 발생시킬 가능성이 높거나 자바스크립트 엔진의 최적화 작업에 문제를 일으킬 수 있는 코드에 대해 명시적인 에러를 발생시킨다. ESLint 같은 린트 도구를 사용해도 strict 모드와 유사한 효과를 얻을 수 있다. 린트 도구란 정적 분석 기능을 통해 소스코드를 실행하기 전에 소스코드를 스캔하여 문법적 오류 만이 아니라 잠재적 오류까지 찾아내고 오류의 원인을 리포팅해주는 도구이다. ESLint사용방법 strict mode 의 적용 전역의 선도 또는 함수 몸체의 선두에 'use scritct'; 키워드를 추가하여 사용 전역에 사용시 스크립트 전체에 strict mode 적용 'use .. 2022. 2. 23.

이전 1 2 3 4 5 6 7 다음

티스토리툴바