분류 전체보기55 [javascript] 실행 컨텍스트(Execution context)와 클로저(Closure) 실행 컨텍스트란? 실행 컨텍스트는 스코프, 호이스팅, this, 클로져 등의 동작원리를 담고 있는 자바스크립트의 핵심원리이다. 이는 실행 가능한 코드를 형상화하고 구분하는 추상적인 개념, 즉 실행 가능한 코드가 실행되기 위해 필요한 환경이라고 할 수 있다. 실행 가능한 코드란 전역 코드와 함수 코드를 말한다. 자바스크립트가 실행될 때 우선적으로 전역 실행 컨텍스트가 만들어지며 함수가 실행될 때 함수 실행 컨텍스트가 만들어져 쌓인다. 자바스크립트 엔진이 코드를 실행하기 위해 필요한 정보는 변수 / 함수 선언 / 스코프 / this가 있다. let x = 'global x'; let y = 'global y'; function outer() { let z = 'local z'; console.log('out.. 2022. 10. 4. [javascript] prototype과 __proto__ Prototype이란? 생성자 함수 Object는 내장 객체 생성자 함수인데, 이 생성자 함수의 prototype은 다양한 프로퍼티나 메서드가 구현되어 있는 객체를 참조한다. 이 Object 생성자 함수로 만들어진 객체는 [[Prototype]]이라는 숨김 프로퍼티를 갖는다. 이 숨김 프로퍼티 값은 null이거나 다른 객체에 대한 참조가 되는데, 다른 객체를 참조하는 경우 참조 대상을 프로토타입 객체 또는 프로토타입이라고 부른다. 일반적으로 부모 객체를 참조하게 되며 프로퍼티 또는 메서드를 상속받는다고 표현한다. obj의 프로퍼티나 메서드에 접근하려고 할 때, obj에 접근하려는 프로퍼티나 메서드가 없다면 [[Prototype]]이 가리키는 링크를 따라 자신의 부모 역할을 하는 Object의 프로퍼티나 .. 2022. 10. 3. [javascript] 생성자 함수와 클래스 생성자 함수란? 반복적으로 재사용 가능한 객체를 생성할 때 사용하는 함수이다. 즉, 주물 틀과 같은 것. 반드시 지켜야 할 것은 new라는 키워드와 함께 생성자 함수의 제일 앞 글자를 대문자로 적어야 한다는 것이다. 위의 그림은 Student라는 생성자 함수를 이용해 student라는 객체를 만드는 과정이다. 1) new 키워드는 빈 객체를 생성하고, 2) 생성자 함수에 정의된 프로퍼티들을 따라 3) 함수의 인수들을 프로퍼티에 할당한다. 4) 생성자 함수를 통해 완성된 객체를 student에 할당한다. Class란? 클래스는 ES6부터 추가된 문법으로 생성자 함수와 같이 객체를 생성하기 위한 템플릿인데, 여기에서 더 나아가 메서드까지 추가하여 객체를 추상화하는 함수라고 할 수 있다. 기본 문법은 다음과 .. 2022. 10. 3. [javascript] this + bind, call, apply this? this란 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수이다. this를 통해 자신이 속한 객체 또는 자신이 생성할 인스턴스의 프로퍼티나 메서드를 참조할 수 있다. > global 실행 컨텍스트에서 this는 global 객체를 참조한다. 브라우저 호스트 환경에서는 window를, node.js 호스트 환경에서는 global이 되겠다. > 객체의 메서드 또는 생성자 함수 내부에서 사용할 경우, 함수를 호출한 객체가 this에 참조된다. 때로 this가 원하는 객체를 참조하지 않을 때가 있는데 //예시 1 let user = { firstName: "John", sayHi() { alert(`Hello, ${this.firstName}!`); } }; setTimeou.. 2022. 10. 2. [javascript] 엘리스 sw 트랙 > 인스타그램 클론 코딩 메모 자바스크립트 한 주 배우고 바로 인스타그램 클론 코딩하는 거 실화?^^... 자스 공부하는 한 주간 느낀 것은 지난 세 달 동안 내 공부 방향이 약간 틀렸다는 점! 나는 알고리즘만 잘하면 자스 잘하게 되는 줄 알았다. 진짜 코알못이다(반성반성반성). 개발자는 항상 눈과 귀를 열고 찾아보고 알아내야 하는 직업인 것 같다. 그런 직업을 가진 사람들이 체크 남방만 입고 다닌다니?! 인스타그램 클론 코딩 수업을 들었는데 처음보는 객체와 메서드들이 많이 나왔다. 현업에서 많이 쓰이지는 않는다고 하고 지금 당장 이해가 뽝! 되지는 않지만 나중에 볼지도 몰라서 일단 메모메모>> FileReader filereader 객체는 웹 애플리케이션이 비동기적으로 데이터를 읽기 위하여 읽을 파일을 가리키는 file 혹은 blo.. 2022. 9. 26. 이전 1 ··· 4 5 6 7 8 9 10 11 다음
