본문 바로가기

This3

this & bind (복습) this 함수를 선언하고 this를 넣고 비교 함수 실행 시 호출 방법에 의해 결정되는 특별한 객체 함수 실행 시 결정되므로, 실행되는 맥락에 따라 this가 결정 bind 묶다, 연결하다 함수를 호출한 것을 연결 .bind는 .call과 유사하게 this 및 인자를 바인딩하나, 당장 실행하는 것이 아닌 바인딩된 함수를 리턴하는 함수 첫번째 인자는 this, 두번째 인자부터는 필요한 파라미터를 전달 this는 다섯가지 바인딩 패턴이 존재 Global window 콘솔에서 this를 조회할 때 출력되는 값 (흔히 사용되지 않음) Function 호출 window Function 호출시 this를 사용할 이유는 없음 (흔히 사용되지 않음) Method 호출 부모 객체 (실행 시점에 온점 왼쪽에 있는 객체) .. 2020. 7. 22.
this this this의 값은 함수를 호출한 방법에 의해 결정 실행중에는 할당으로 설정할 수 없고 함수를 호출할 때 마다 다를 수 있음 Global memory 생성 var num = 2; function pow(num) { return num * num; } variable name value num 2 pow function pow(num){ ... } 자료출처 : 코드스테이츠 실행 컨텍스트 (excution context) 어떤 함수가 호출되면, 실행 컨텍스트 execution context가 만들어짐 call stack에 push 함수를 벗어나면 call stack에서 pop scope 별로 생성 여기에 담긴 것 scope 내 변수 및 함수 (Local, Global) 전달 인자 (arguments) .. 2020. 7. 8.
객체지향 JavaScript 객체지향 JavaScript 란 ? 실제에 존재하는 모델을 만들기 위한 프로그래밍 패러다임 각 객체는 메시지를 받을 수도 있고, 데이터를 처리할 수도 있으며, 또다른 객체에게 메시지를 전달할 수도 있음 용어 class// : 객체의 특성을 정의 instance// : class 바탕으로 한 객체를 만드는 프로그래밍 패턴 prototype// : 모델의 class 만들 때 쓰는 원형 객체 constructor// : 인스턴스화 되는 시점에서 호출되는 메서드 this// : 값은 함수를 호출한 방법에 의해 결정 new// : 사용자 정의 객체 타입 또는 내장 객체 타입의 인스턴스를 생성 ES5 class는 함수로 정의할 수 있음 function Car(brand, name, color) { // 인스턴스가 .. 2020. 6. 28.