JScript中的&amp;quot;this&amp;quot;關鍵字使用方式補充材料

2024-09-06 12:43:10

字體：大中小

來源：轉載

供稿：網友

在"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語言的本質區別。

上一篇：禁止F5等快捷鍵的JS代碼

下一篇：服務端 VBScript 與 JScript 幾個相同特性的寫法 By shawl.qiu