Frontend/JavaScript

이번에는 JavaScript의 this에 대해 알아보려고 한다. javascript의 this는 다른 언어들과 조금 다르게 동작한다. Javascript의 this는 대부분의 경우 함수를 호출한 방법에 의해 결정된다. 그렇기 때문에 함수를 호출할 때마다 this가 가리키는 값이 다를 수 있고, 이는 혼동을 줄 수 있다. 이를 위해 ES5는 bind()메서드를 도입하여 함수를 어떻게 호출했는지에 상관없이 this값을 설정할 수 있도록 하였고 ES2015는 스스로의 this바인딩을 제공하지 않는 화살표 함수를 추가하였다. (화살표 함수는 렉시컬 컨텍스트 안의 this값을 유지한다) 이번에는 this의 동작방식의 예시들을 알아보고, 어떻게 사용해야하는지 알아보겠다! * 참고로 이 게시글의 예시들은 비엄격모드에..

자바스크립트에서 일정 시간 이후에 어떤 메서드가 호출되게 하고싶다면 setTimeout()과 setInterval() 함수를 사용할 수 있다. 둘의 사용법을 요약하면, setTimeout()은 지정된 함수를 한 번만 호출할 때 사용하고, setInterval()은 지정된 함수를 반복적으로 호출할 때 사용하는 함수이다. setTimeout() var timeoutId = setTimeout(functionRef, delay]); var timeoutId = setTimeout(functionRef, delay, param1, param2, ...); var timeoutId = setTimeout(code, delay, param1, param2, ...); //권장 x 지정된 시간이 만료된 후 함수나 코..