arrow 함수 사용법

# arrow 함수 사용법이 왜 헷갈리는지 모르겠는데 헷갈린다.

1. function 키워드 지우기

2. ()다음에 뚱뚱한 화살표(fat arrow, =>) 기호 넣기

화살표 함수도 기존 함수 선언 방식에서와 마찬가지로 괄호는 매개변수를 감싸는 용도로 사용된다. 만약 매개변수가 하나라면 괄호를 생략할 수 있다. 아래 코드에서 두 번째 함수 singleParam은 매개변수가 하나이기 때문에 괄호를 생략했다.

# 일반함수와 화살표 함수의 차이 비교
function fun() {
	this.name = "HI";
    return {
    	name: "BYE",
        speak: function () {
        	console.log(this.name);
        },
    };
}

function arrFun() {
	this.name = "HI";
    return {
    	name: "BYE";
        speak: () => {
        	console.log(this.name);
        },
    };
}

const fun1 = new fun();
fun1.speak(); // BYE

const fun2 = new arrFun();
fun2.speak(); // HI

# 화살표 함수 사용 법
const testFunction = (firstName, lastName) => {
  return firstName+' '+lastName;
}

const singleParam = firstName => {
  return firstName;
}

- 더이상 헷갈리지 말쟈...

- 끝 -