[ES6] Arrow Function(람다식 함수) 사용법 및 this

1. 사용법

// 일반 함수
let test = function(x){
	console.log(x);
}

// 람다식 함수
let test2 = (y) => {
	console.log(y);
}
test("안녕");
test2("반가워");

 

안녕
반가워

2. 사용법2

let test = (x, y) => x + y;

let test2 = y => y;

console.log(test('안', '녕')); // {} 중괄호 없이 사용하면 return 하지 않아도 return된다.
console.log(test2('안녕')); // 매개변수가 1개일 경우 () 소괄호 생략 가능

 

안녕
안녕

2. 일반 함수 - this.param은 부르는 함수의 값으로 결정된다.

param = '환영합니다.';

function test(){
	console.log(this.param);
}

let object = {
	param: '안녕하세요',
	func: test
}
let object2 = {
	param: '안녕히가세요',
	func: test
}

object.func();
object2.func();

 

안녕하세요
안녕히가세요

3. 람다식 함수 - this.param은 람다식이 선언된 시점에서 this를 확보한다.

param = '환영합니다';

let test = () => {
	console.log(this.param);
}

let object = {
	param: '안녕하세요',
	func: test
}
let object2 = {
	param: '안녕히가세요',
	func: test
}

object.func();
object2.func();

 

환영합니다
환영합니다