함수

 

function sayHello(argument){
    return "Hello my name is "+argument;
}

console.log(sayHello("dain"));

 

화살표 함수 (https://learnjs.vlpt.us/ 에서 발췌)

함수를 선언하는 방식 중 또 다른 방법은 화살표 함수 문법을 사용하는 것 입니다.

const add = (a, b) => {
  return a + b;
};

console.log(add(1, 2));

function 키워드 대신에 => 문자를 사용해서 함수를 구현했는데요, 화살표의 좌측에는 함수의 파라미터, 화살표의 우측에는 코드 블록이 들어옵니다.

그런데, 만약에 위와 같이 코드 블록 내부에서 바로 return 을 하는 경우는 다음과 같이 줄여서 쓸 수도 있습니다.

const add = (a, b) => a + b;
console.log(add(1, 2));

객체 안에 함수

const player = {
    name : "dain",
    sayHello : function(username){
        console.log("hi "+username)
    }
}

player.sayHello(player.name);

객체 안에 함수를 넣을 때, 화살표 함수로 선언한다면 제대로 작동하지 않습니다.

이유는, function 으로 선언한 함수는 this 가 제대로 자신이 속한 객체를 가르키게 되는데, 화살표 함수는 그렇지 않기 때문입니다.