JScript中的"this"關鍵字使用方式補充材料
2019-11-21 02:13:47
供稿:網友
在"JavaScript中this關鍵字使用方法詳解"一文中,我曾例舉了在JavaScript和JScript中的8種this關鍵字的方式。這不又發現還有兩種this關鍵字的使用方式當時沒有說到,現補充說明一下。并且通過第一種this關鍵字使用的說明,能讓我們更好的理解JavaScript作為Object-Based語言的本質。
一種是和JavaScript類中的定義有關,我們知道當我們定義如下類的時候:
function JSClass()
{
}
JSClass.prototype.m_Properties = 100;
JSClass.prototype.ToString = function()
{
alert(this.m_Properties);
}
方法ToString中的this.m_Properties就是100,那么下面這種定義呢?
function JSClass()
{
}
JSClass.m_Properties = -100;
JSClass.ToString()
{
alert(this.m_Properties);
}
這時ToString中的這個this.m_Properties是啥?是-100。一定嗎?這個不一定了,這得看我們怎么調用這個ToString方法。
JSClass.ToString();
var fun = JSClass.ToString();
fun();
這時的運行結果居然是:-100和undefined。真是郁悶哈,怎么才能運行fun得到-100呢?需要這樣來為fun賦值:
var fun = function() { JSClass.ToString(); }
fun();
呵呵,這樣就是-100了。好像挺廢話的,最終不還是調用的JSClass.ToString()嗎?這個我們后面再說,看看把這兩個JSClass合在一起是什么情況呢?
function JSClass()
{
}
JSClass.m_Properties = -100;
JSClass.prototype.m_Properties = 100;
JSClass.ToString = function()
{
alert(this.m_Properties);
}
JSClass.prototype.ToString = function()
{
alert(this.m_Properties);
}
這兩個ToString()方法,和里面的this關鍵字它們是什么關系呢?看下面的示例:
var jsclass = new JSClass();
jsclass.ToString();
JSClass.ToString();
結果為:100和-100。這里的jsclass實際上是JavaScript的語言機制,通過new關鍵字的說明來創建的一個新的實例。而JSClass是什么呢?他們本就是對象實例,只是長得像個函數,也像一個類的說明。對于this的問題,第一個jsclass.ToString()方法里的this是指新創建實例,而JSClass.ToString()方法里的this是值得JSClass這個對象實例。
理解了這兩個this所指代的東西的不同本質,也就能更好的明白,為什么JavaScript叫做Object-Based的語言,而更加清楚它和Object-Oriented語言的本質區別。
回頭再說一下補充第二中this的使用方法,就是在使用eval方法的時候,這個時候的this是什么呢?看看:
alert(this === eval("this"));
的結果是什么?是true!這是因為eval內代碼被執行的作用域就是當前頁面本身的說。