본문 바로가기

arrow function2

javascript] this 바인딩 파헤치기 Javascript의 this 바인딩은 다른 언어(C#, C++, JAVA, .. )와 달리 동적으로 결정됩니다. 그래서 조금은 헷갈릴 수 있는데 결론부터 말하자만 ‘Javascript의 This’는 ‘호출한 놈’을 의미합니다. 먼저 기본값(?)으로 쓰이는 ‘호출하는 놈’의 의미를 알아보고, 그 다음에 예외인 경우 어떻게 동적으로 바인딩되는지 알아보겠습니다. Javascript에서 this란? this는 '호출한 놈'을 의미합니다. 만약 '호출한 놈'이 없으면, 기본값인 '전역객체(window)'를 출력합니다. 예외 사항: ①전역스코프에서 this ②strict mode ③화살표함수 1. this는 호출한 놈 function testThis(){ console.log(this) }; const stude.. 2023. 1. 13.
Javascript] 함수 표현식, 화살표 함수표현식 함수 표현식 보통 자바스크립트에서는 아래와 같은 방법으로 함수를 표현합니다. 첫번째 방법처럼 그냥 함수를 선언하기도하고, 변수에 담아 함수를 표현하기도 합니다. function plus(a, b){ return a + b; } let sum = function(a, b){ return a + b; } 화살표 함수 표현식 그런데 함수표현식이 좀 길지 않나요? 자바스크립트의 최근 문법 ES^에서는 함수표현식을 축약해서 쓸 수도 있는데요 이런걸 '화살표 함수'라고 합니다. 화살표 함수 표현식은 함수 표현식을 줄여서 만든 표현입니다. 인자를 괄호 안에 넣고 화살표가 함수의 몸체를 가르키게 써주면 됩니다. let sum = (a, b) => { return a + b; } 예시를 통해 화살표 함수를 만들어 보겠습.. 2021. 10. 12.