this의 5가지 binding 패턴 복습 (jd1386님의 정리)
\n// this 는 함수를 어떻게 호출(선언x)하느냐에 따라\n// this에 할당되는 객체가 달라진다.\n// 다음과 같은 함수가 있다고 가정할 때\n\n var foo = function() {\n console.log(this);\n }\n\n // 1. 글로벌 호출(Global reference)\n console.log(this) // => 전역 객체인 window를 가리킨다.\n\n\n // 2. 함수 호출(Function invocation Pattern)\n foo(); // => foo()와 같이 함수 호출을 할 경우 해당 함수의 스코프인 전역 스코프에서 this인 window 객체를 가리킨다.\n사실상 window.foo()이기 때문에(메소드 invocation과 같은 이야기)\n\n // 3. 메소드 호출 패턴(Method Invocation pattern)\n // 객체의 메소드로 호출되면 this는 해당 객체를 가리킨다.\n var obj = {\n name: \"Jungdo\",\n sayName: function() {\n console.log(this.name);\n }\n }\n // 위의 객체 obj에서 sayName이라는 메소드를 만들어주고 obj.sayName()을 실행하면 this의 대상을 찾아 (obj), 객체 obj의 name을 프린트한다.\n // object의 key 안에 value값으로 function이 존재하고, 이를 호출하는 것을 method 호출이라 한다. 이러한 경우, this는 부모 object를 그 값으로 한다. (호연님 정리)\n\n // 4. 생성자 호출 패턴(Construction mode)\n // 객체의 인스턴스(instance)를 만들시 (Construction)\n // 객체의 this는 새로 생성된 instance를 가리킨다.\n // 다음과 같이 placeholder로 많이 사용된다.\n var Car = function(name, year) {\n this.name = name,\n this.year = year\n }\n\n var benz = new Car('benz', '2012');\n console.log(benz); // => { name: 'benz', year: '2012' }\n\n // 5. Call or Apply(Apply Invocation Pattern)\n // call이나 apply 메서드를 써서 지칭하고자 하는 this의 대상을 분명하게 명시해줄 수 있다. 이럴 때는 첫번째 인자가 this이다.\n var obj = {\n name: \"Jungdo\"\n }\n foo.call(obj) // => 첫번째 인자 obj가 this가 된다.\n foo.apply(obj) // => 첫번째 인자 obj가 this가 된다.\n\n\n\n// jd1386님의 훌륭한 설명을, 제 자신이 이해 할 수 있도록 약간 수정했습니다.