728x90 반응형 constructor4 프로토타입(prototypes)을 활용한 객체 지향_1. 프로토타입 from Secrets of the JavaScript Ninja 이번 글은 'Secrets of the JavaScript Ninja'의 'Chapter 7. Object orientation with prototypes'를 바탕으로 작성하였습니다. 핵심 Concepts 프로토타입에 대한 탐구 함수를 생성자로서 사용하기 프로토타입을 사용하여 객체 확장하기 일반적인 문제 피하기 상속을 활용한 클래스 작성 사전 지식 체크! 객체가 특정 프로퍼티에 접근할 수 있는지 어떻게 시험하는가? JavaScript에서 객체를 활용하여 작업할 때 프로토타입 체인(prototype chain)이 중요한 이유 ES6 클래스는 JavaScript가 객체와 작동하는 방식을 변경하는가? 들어가며 프로토타입(prototype)은 특정 속성에 대한 검색을 위임할 수 있는 객체이다. 프로토타입은 프.. 2022. 4. 15. 함수를 좀더 이해해보자! 이번 글은 'JavaScriptの理解を深めた人がさらにもう1歩先に進むための本(JavaScript를 깊게 이해한 사람이 한 걸음 더 나아가기 위한 책)의 Chapter 6. 関数をもっと理解しよう！(함수를 좀더 이해해보자!)'를 바탕으로 작성하였습니다. 다시금 '함수'란 무엇인가 JavaScript에서 함수는 언급할 필요도 없을 만큼 매우 중요하다. '함수'란 도대체 무엇인가. 사전적 정의가 아니라 어떤 원리로써 함수 안에 정의된 내용을 실행하는 것인가. 우선 함수가 갖는 특징을 아래에서 살펴보자. 함수도 객체이다. 함수 자신을 인수나 반환값으로 설정할 수 있다.(고차함수) 인수를 엄밀히 확인하지는 않는다. '() 연산자'로 실행한다. 특히 '함수도 객체이다'라는 점은 다른 언어에는 없는 JavaScript만.. 2022. 4. 7. 'this'를 갈고 닦자! 이번 글은 'JavaScriptの理解を深めた人がさらにもう1歩先に進むための本(JavaScript를 깊게 이해한 사람이 한 걸음 더 나아가기 위한 책)의 Chapter 3. thisを極めよう！(this를 갈고 닦자!)'를 바탕으로 작성하였습니다. 함수에서 호출했을 때의 'this' 함수에서 호출했을 때 this는 global object를 가리킨다. 대부분의 경우 JavaScript는 브라우저에서 동작하기 때문에 global object는 'window object'를 가리키는 것이다. function checkThis() { console.log(this); // Window ※ 브라우저에서 실행했을 경우 this.val = 'test'; // global scope member로 추가됨 } checkTh.. 2022. 4. 7. 함수 장인이 되는 길_함수 호출에 대한 이해 from Secrets of the JavaScript Ninja 이번 글은 'Secrets of the JavaScript Ninja'의 'Chapter 4. Funtions for the journeyman: understanding function invocation'를 바탕으로 작성하였습니다. 핵심 Concepts function의 내재된 parameter 2가지: argumnets & this 함수 호출 방법 function contexts에 생긴 문제 해결 사전 지식 체크! this parameter가 function context로 알려진 이유? function과 method의 차이? constructor function이 명확하게(explicitly) object를 반환하면 생기는 일? 들어가며 이번 글에서는 내재적인(implicit) function p.. 2022. 4. 6. 이전 1 다음 728x90 반응형
