閱讀(5.3k) 書簽贊(3) 我要糾錯

Javascript This

2018-09-20 17:13 更新

Javascript面向?qū)ο笤O(shè)計 - Javascript This

對象方法

我們可以與添加屬性相同的方式向?qū)ο筇砑臃椒ā?/p>

在下面的代碼中，book變量被賦予一個具有name屬性的對象常量和一個名為writeLine的方法。

var book = { 
    name : "Javascript", 
    writeLine : function() { 
        console.log(book.name); 
    } 
}; 

book.writeLine();

上面的代碼生成以下結(jié)果。

This 對象

JavaScript中的每個范圍都有一個 this 對象，它表示函數(shù)的調(diào)用對象。

在全局范圍內(nèi)，這代表全局對象，例如web瀏覽器中的 window 對象。

當(dāng)附加到對象時調(diào)用函數(shù)時，默認(rèn)情況下，此值等于該對象。

我們可以重寫前面例子中的代碼來使用:

var book = { 
    name : "Javascript", 
    writeLine : function() { 
        console.log(this.name); 
    } 
}; 

book.writeLine();

上面的代碼生成以下結(jié)果。

function writeLineForAll() { /* www.yjpub.cn */
    console.log(this.name); 
} 

var book1 = { 
    name : "Javascript", 
    writeLine : writeLineForAll 
}; 

var book2 = { 
    name : "CSS", 
    writeLine : writeLineForAll 
}; 

var name = "HTML"; 

book1.writeLine();     
book2.writeLine();    

writeLineForAll();

上面的代碼生成以下結(jié)果。