Lexical this 화살표 함수는 function의 키워드의 줄임말로 흔히 언급된다. 하지만 완전히 다른 점으로는 this가 지칭하는 동적 스코프 규칙 대신에 자신과 가장 가까운 함수의 스코프에서 this 값을 받아온다. const person = { weight: 100, getWeight: () => this.weight, }; console.log(person.getWeight()); 출력 값은 undefined이다. 왜냐하면 위 경우는 멤버 함수 getWeight 를 둘러싼 함수 스코프가 존재하지 않아서 this가 빈 객체{}를 갖게 되기 때문이다. const person = { weight: 100, getWeight: function() { return this....
나는 map, reduce, filter 와 같은 함수를 통해 부분적으로 FP를 작년부터 시작하고 있다. 그러나 여전히 자바스크립트에서 함수를 작성할 때, 중복된 표현식을 담은 익명 함수를 수고스럽게 작성하고 있었다는 사실을 뒤늦게 깨달았다. 하드 코딩된 표현식을 넘기고 받고 하는 흐름은 순수한 함수를 그대로 넘기고 받는 함수형 패러다임의 의도에 분명히 맞지 않는것 같았다. 익명 함수와 중복된 표현식 내장 함수와 화살표 함수만을 사용해서는 함수형 프로그래밍을 잘 사용할 수 없다고 깨달은 뒤, 그 대안으로 적절히 커스텀한 함수를 같이 사용해봤다....
원문 : How to think like a programmer | Zell Liew, 필요할 정도의 직역과 의역이 포함되어 있습니다. “나는 자바스크립트를 잘 모른다. 컴포넌트를 밑바닥부터 만들 수 없다. 내 마음은 빈 자바스크립트 파일을 응시할 때 비워지게 된다. 나는 프로그래머처럼 생각하는 방법을 모르기 때문에 이 일을 할 수 없다고 생각한다.” 비슷하게 느껴지나요? 자바스크립트를 첫 프로그래밍 언어로 접한 많은 사람이 비슷한 문제를 마주하게 됩니다. 심지어 다른 언어를 통해 코딩을 시작한 개발자들도 자바스크립트와 함께 같은 문제를 마주합니다....