본문 바로가기

화살표함수3

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.
Javascript] 화살표 함수 사용하기 (peat. Array.prototype.some()) 화살표 함수가 참 간단하고 좋은데 연습이 안되면 사용하기가 쉽지 않은 것 같습니다. 간단하게 화살표함수를 연습할 수 있는 코드를 짜보았습니다. 그냥 연습하면 재미없으니까~ 다른 함수를 넣어서 연습해보겠습니다. 이번에는 화살표 함수를 사용하는데 예전에 배웠던 some()메서드를 함께 사용해보겠습니다. Array.prototype.some() : some() 메서드는 배열 안의 모든 요소가 주어진 함수를 만족하는지 테스트하는 함수힙니다. 배열에서 ture(참)인요소를 찾을 때까지 콜백 함수를 실행합니다. 참인 요소를 발견한 경우 some은 즉시 true를 반환하고 끝납니다. 그러나 배열에 참인 요소가 없는경우 즉, 모든 요소가 거짓인 경우에는 false를 반환합니다. 그렇기 때문에 콜백함수를 만족하는 요소가.. 2021. 9. 28.