Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 이벤트
- FrontendStydy
- typeScript
- 렌더링
- this 객체
- Props
- 이벤트핸들링
- 함수 실행
- 메소드 실행
- try.. catch
- CSS
- 리액트
- frontendstudy
- promise
- DOM
- REACT
- 배열메소드
- addEventListener
- 배열
- HTML
- 자바스크립트
- JavaScript
- input
- Frontend Study
- useRef
- 비동기함수
- callback함수
- webProject
- 컴포넌트
- useState
Archives
- Today
- Total
목록함수 실행 (1)
이다닷
[Frontend Study] Day 9 - javascript: this 개념
자바스크립트의 this는 4가지 종류의 문맥으로 구분할 수 있다. 함수 실행 메소드 실행 생성자 실행 간접 실행 1. 함수 실행 함수 실행과 메소드 실행의 차이점을 알아보겠다. - 5라인에서 실행하고 있는 것은 hello라는 함수를 실행하고 있는 것이다. - 6라인에서 실행하고 있는 것은 자바스크립트에서 제공하는 console 객체의 log메소드를 호출하고 있는 것이다. 함수 실행에서의 this 함수 실행에서 this 는 전역 객체를 가리킨다. 한번에 이해할 수 있는 예시로 코드를 하나 가져와봤다. 함수 문맥으로 sum이 실행되었고, this는 sum() 안에 존재하는 전역객체이므로 window를 가리킨다. 3라인에서 this가 활용되면서 sum 함수가 호출되면 자바스크립트가 자동으로 this에 전역 객..
Frontend Study
2024. 4. 8. 23:54