class Test {
	constructor() {}
	
	method1() {
		console.log(this)
	}
}

const test = new Test();

test.method1(); // 1. 무엇이 출력되나요? 왜 그렇게 될까요?

const method2 = test.method1;

method2(); // 2. 무엇이 출력되나요? 왜 그렇게 될까요?

// 3. mehtod2에 다른 this를 지정하는 방법이 있을까요?

// 위의 코드를 es6 이후의 문법으로 표현해주세요!

function a() {
	var argv = Array.prototype.slice.call(arguments);
	argv.forEach(function(arg) {
		console.log(arg);
	});
}
a(1, 2, 3);

// 1. Array.from 사용하기
function a() {
	var argv = Array.from(arguments);
	argv.forEach(function(arg) {
		console.log(arg);
	});
}
a(1, 2, 3);

// 2. rest parameter 사용하기
function a(...argv) {
	argv.forEach(arg => console.log(arg))
}
a(1, 2, 3);

var func = function(a, b, c) {
	console.log(a + b + c);
};
func(1, 2, 3);

// 1. bind를 사용하여 위의 함수의 파라미터를 나눠서 받는 함수들로 나눠주세요!

var binding1 = func.bind(null, 1);
var binding2 = binding1.bind(null, 2);
var binding3 = binding2.bind(null, 3);

/*
binding1(2, 3); // 6
binding2(3); // 6
binding3(); // 6
*/

// 2. (추가) 위의 binding함수들을 보시고 떠오르시는 개념이 있나요?(힌트: FP)

// 우리가 배웠던 함수형 프로그래밍에서의 `currying`이 떠오르시면 했어요!
var currying = (a) => (b) => (c) =>{
	console.log(a + b + c);
};

var currying1 = currying(1);
var currying2 = currying1(2);

/*
currying1(2)(3); // 6
currying2(3); // 6
*/

[1, 2, 3, 4, 5].forEach(function(x) {
	console.log(this, x);
});

// 1. 위의 예제에서 this는 무엇을 가리키고 있나요?
// 2. this를 바꾸는 코드를 작성해주세요!

var self = '내가 지정한 this';
[1, 2, 3, 4, 5].forEach(function(x) {
	console.log(this, x);
}, self);

// 3. (추가) 위의 forEach가 받는 콜백 함수를 화살표 함수로 작성하면 어떤 결과가 나올까요? 

var self = '내가 지정한 this';
[1, 2, 3, 4, 5].forEach(x => 
	console.log(this, x)
, self);

// this가 전역 객체를 가리키고 있습니다. 화살표 함수는 따로 this를 바인딩하지 않기 떄문!