개인이 끄적끄적 거리는 블로그

출처 : http://html5experts.kr/archives/1668 자바스크립트 this는 같은 소스코드로 호출하는 형태에 따라 의미가 달라서 이를 어렵게 생각하는 경우가 있어서 이를 정리해보았습니다. JavaScript의 this는 크게 4종류가 있다는 것부터 기억하고 시작해 봅시다.최상위 this전역 객체를 가리킵니다.12345678var abc = "Kim";window.def = " MJ"; console.log(this.abc + "+" + this.def); (function(){console.log(this.abc + "+" + this.def);})();생성자 this만들어진 인스턴스 자신을 가르킵니다.12345678910111213141516171819202122232425var ..

this - 해당 메서드(함수)를 속성으로서 보유하는 객체를 가리킨다. var p1 = {name : "홍길동",tel : "010-222-3333",toString : function(){return this.name + "," + this.tel; // 여기서의 this는 p1을 가리킨다.}}; var p2 = {name : "김", tel : "010", age = 40};p2.test = p1.toString(); // p2 객체에 test 프로퍼티에 p1에서 만든 함수 p1.toString()을 할당한다. 여기서의 this는 p2가 된다.console.log(p2.test());