화살표 함수

ES6에서 뚱뚱한 화살표 ( => )를 사용해서 함수를 선언하는 방법이 도입되었습니다. 이것이 바로 화살표 함수 입니다.

화살표 함수 선언 방법

// 기본 방법 
var greeting = (name) => {
	return `hello ${name}`;
}

// 매개변수가 하나면 괄호 생략 가능 
var greeting = name => {
	return `hello ${name}`;
}

// 매개변수 없으면 빈 괄호 
var greeting = () => {
	return `hello`;
}

암시적 반환

화살표 함수를 사용하면 명시적인 반환을 생략해버릴 수 있습니다.

const oldFn = function(name) {
	return "hello" + name;
}

const arrowFn = name => `hello ${name}`

같은 결과지만, 화살표함수가 더욱 간결해 집니다. 하지만 가독성이 더 중요하기 때문에 추천하지는 않습니다.

화살표함수는 익명함수이다.

var greeting = (name) => {
	return `hello + ${name}`;
}

greeting("jun");
// 필요하다면 함수를 변수에 할당해서 사용하면 됩니다.

화살표 함수의 this 바인딩 (this참조)

https://velog.io/@yunjunhojj/다시-자바스크립트-1-기초