일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- JavaScript
- Algorithm
- 네트워크
- 디자인 패턴
- 자바
- Kafka
- OS
- Proxy
- JPA
- MySQL
- c언어
- 알고리즘
- redis
- Data Structure
- Spring
- 백준
- Galera Cluster
- 컴퓨터구조
- mongoDB
- react
- Heap
- 파이썬
- spring webflux
- C
- MSA
- design pattern
- 자료구조
- Java
- 운영체제
- IT
Archives
- Today
- Total
목록This (1)
시냅스
TIL : JavaScript { this, arrowFunction, spread syntax }
알고 있다고 생각하지만 항상 모르겠는 3가지 이 기회에 정리하고자 작성합니다. this this를 통해서 특정 스코프를 지정할 수 있는데, 1. 일반 함수의 경우 this 를 사용하면 상위 스코프로 window 객체가 선택될 위험이 상존한다. 2. this를 수동으로 설정하고 싶을 경우 bind()를 사용한다. 3. 화살표 함수를 사용할 경우, this는 상위 스코프에서 상속된다. box.addEventListener('click', function() { this.classList.toggle('opening') setTimeout(function() { this.classList.toggle('opening') // 여기서 this는 window 객체! }, 500) }) const box = doc..
JavaScript
2021. 11. 3. 22:34