this的含義

this表示的是綁定的對象，通常在函數中使用。
不同的代碼形式下，綁定的對象代表不同的東西。
下麵看一下常見的幾種代碼形式：

一、獨立的函數

function foo() {
    console.log(this); // this就是window對象
    console.log(this.innerWidth); // 列印客戶端視窗寬度
}
foo();

二、對象的方法

var obj = {
    x: 10,
    y: 20,
    point: function() {
        console.log(this); // this是方法所屬的obj對象本身
        console.log(this.x, this.y); // 列印出obj對象的屬性
    }
}
obj.point();

三、事件處理程式

document.addEventListener('click', function() {
    console.log(this); // this是觸發事件的那個對象
    this.body.innerHTML += '被點擊了！';
})

四、構造函數

function Foo() {
    console.log(this); // this是瀏覽器自動幫我們新創建的空白對象
    this.x = 1;
    this.y = 2;
}
// new Foo(); // Foo{}
var f = new Foo(); 
console.log(f);