일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- closure
- javascript
- includes
- React.js
- ES6
- 회고록
- Rendering
- 볶음밥
- CSS
- DoM
- 시맨틱
- 키다리 개발 일지
- React calculator
- Node.js
- scope
- web
- 키다리 개발자
- html
- props
- 키다리의 개발일지
- 노드
- tag
- jsx
- wep
- component
- vue.js
- ecma
- map
- react
- Element
- Today
- Total
목록this (2)
키다리 개발자
apply와 call 메서드 Function 객체의 메서드에는 apply와 call이 있습니다. this 값과 함수의 인수를 사용하여 함수를 실행하는 메서드입니다. apply와 call의 동작은 본질적으로는 같습니다. 차이점은 함수에 인수를 넘기는 방법 뿐인데, apply의 인수는 배열이고 call의 인수는 쉼표로 구분한 값의 목록입니다. 이처럼 apply와 call 메서드의 첫 번째 인수는 함수의 this 값 입니다. apply 메서드의 두번째 인수는 함수의 인수를 순서대로 담은 배열이며, 실제 배열 객체 대신 유사 배열 객체를 넘겨도 동작합니다. 예를 들어 현재 실행 중인 함수의 arguments를 apply 메서드에 넘겨도 실행할 수 있습니다. call 메서드의 두 번째 이후 인수는 함수의 인수 목..
브라우저 콘솔을 켜고, this를 치면 window가 나옵니다. 함수 내에 넣어서 사용해도 this는 window 입니다. this는 기본적으로 window라는 사실을 알 수 있습니다. 객체 메서드 a 안의 this는 객체를 가리키고 있습니다. 이것은 객체의 메서드를 호출할때 this를 내부적으로 바꿔주기 때문입니다. 호출하는 함수가 객체의 메서드인지 그냥 함수인지가 중요한데, a2는 object.a를 꺼내온 것이기 때문에 더이상 object의 메서드가 아닙니다. 그래서 window가 출력됩니다. 또한 this를 내부적으로 바꿔주기 위해 생성자 함수(=함수)를 만들어 this를 바꾸어 주어 사용할 수 있습니다. 생성자 함수를 만들때 new로 호출을 해야하는데 그렇지 않으면 기본값인 window를 가르키기..