learnjs
learnjs copied to clipboard
velopert
05. 함수 · GitBook
// Hello, name! 관련한 예시 중에
function hello(name) { return 'Hello ${name}!' }
const result = hello('chunghyo') console.log(result)
이렇게 했을 때, codesandbox 에서는 Hello ${name}! 이렇게 console에 결과값이 노출되는데요. 위의 예시에 나와 있는 로그로 정리를 해도 동일한 결과 값이 나옵니다.
나중에 알아볼 내용 : 화살표 함수와 일반 function 으로 만든 함수와의 주요 차이점은 화살표 함수에서 가르키는 this 와 function 에서 가르키는 this 가 서로 다르다는 것
화살표 함수 익명함수, 즉시 실행이 필요할 경우에 사용하기 적합함. 기존 함수 표현식과 비교했을 때 간단함. this의 값으로 lexical scope를 참조 시킬 때나 map 사용 시 this를 넘겨주어 코드를 더 쉽게 작성할 수 있다.
일반함수 this vs 화살표함수 this 일반함수 this
동적으로 바인딩되면서 자신이 종속된 객체를 this로 가리킴 화살표 함수this 상위 스코프의 this로 가리킴 (= Lexical this )
화살표 함수는 생성자 함수로 사용이 어렵고, arguments변수가 전달되지 않음. 객체 프로토타입으로 메소드를 선언할 때 화살표 함수는 적합하지 않음.
