欧美人禽杂交狂配在线观看视频,又长又大又粗又硬3p免费视

javascript 的幾個 tip

2005.08.07

1、JavaScript 中的繼承
在 JavaScript 中實(shí)現(xiàn)繼承的方法是：將子類的 prototype 屬性設(shè)置為父類的對象。
例如，我有一個 Basket 類，繼承 Hashtable 類：

java代碼:

Basket.prototype = new Hashtable(); 
Basket.prototype.constructor = Basket; 

如果不寫上面第二句，以后 typeof 一個 Basket 的對象獲得的就是 Hashtable 了。

但是需要注意的是，由于所有的子類（Basket）的對象實(shí)例共享同一個原型對象（Hashtable），因此在父類對象的構(gòu)造函數(shù)中只能保存對所有子類對象均相同的實(shí)例變量。對每個子類不同的實(shí)例變量必須放在子類的的構(gòu)造函數(shù)中。很多時(shí)候父類對象沒有任何自己的實(shí)例變量，而只有一些方法，操作的是子類對象的實(shí)例變量。

2、JavaScript 中變量的作用域

java代碼:

var v = "aaa"; 
function func() { 
    alert(v); 
    ... 
    var v = "bbb"; 
}

alert 出來的是什么？你肯定會說是 "aaa"，錯，alert 出來的是 "undefined"。為什么？
因?yàn)?JavaScript 為了簡化處理，變量實(shí)際上只有兩種作用域，全局變量和函數(shù)的內(nèi)部變量。你在函數(shù)內(nèi)部任何一個地方定義的變量其作用域都是整個函數(shù)體。而在 alert 的時(shí)候函數(shù)的內(nèi)部變量 v 已經(jīng)定義了，并且覆蓋掉了同名的全局變量的定義，只是還沒有被初始化，所以 alert 出來的是 "undefined"。

3、undefined 和 null
有些開發(fā)人員誤以為在 JavaScript 中，
return;
返回的就是 null，也就是
return null;

這是一個誤解，在 JavaScript 中，
return;
返回的是 undefined，而不是 null。這兩個值是有區(qū)別的，請看《JavaScritp 權(quán)威指南》的相關(guān)內(nèi)容。最好明確地寫為：
return null;

這個問題同樣在傳遞參數(shù)時(shí)候也會出現(xiàn)，例如：

java代碼:

function func(v1, v2) { 
    alert(v2); 
} 
func(1);

alert 顯示 v2 的值是 undefined。

雖然在 JavaScript 中：
undefined == null;
得到的結(jié)果是 true，將一個 typeof 為 "undefined" 的標(biāo)識符與 null 做等值比較結(jié)果也是 true，似乎這兩個值可以混用。但是為了理解的清晰，最好還是把這兩個值區(qū)分開。

還有一個需要注意的是在 SP2 以前版本的 IE5 中，不能直接拿 undefined 與其它值比較，例如：

java代碼:

if(v2 == undefined)  { 
    ... 
} 

在 SP3 以上版本的 IE5、IE6 都沒問題，但是在 SP2 版本前的 IE5 中無法執(zhí)行。必須要寫成：

java代碼:

if(typeof v2 == "undefined")  { 
    ... 
}

4、當(dāng)你為一個類添加一個方法時(shí)，你經(jīng)常這樣寫：

java代碼:

ClassName.prototype.f1 = function () { 
    ... 
}

你可能想當(dāng)然地認(rèn)為 f1 就是這個方法的名稱。你想錯了，f1 只是這個類的對象的一個普通屬性而已，它的值可以是任何類型。這個方法是匿名的，在全局名字空間中并沒有它的標(biāo)識符。如果想在全局名字空間獲得一個標(biāo)識符，你應(yīng)該采用如下兩種方式：

java代碼:

function func1 () { 
    ... 
} 
ClassName.prototype.f1 = func1;

或者

java代碼:

ClassName.prototype.f1 = function func1 () { 
    ... 
}

這樣做的好處是你現(xiàn)在可以在多個類中重用相同的方法（可能性似乎很小，是吧？）。
我這里還是按照面向?qū)ο蟮牧?xí)慣叫做方法。一般在 JS 中我把類中的 function 稱做方法，而把全局范圍的 function 稱做函數(shù)。

5、重載父類的方法后如何調(diào)用父類的方法？
你現(xiàn)在已經(jīng)知道 JS 完全可以實(shí)現(xiàn)繼承了，當(dāng)然也可以實(shí)現(xiàn)重載，否則還能叫面向?qū)ο笳Z言嗎？比如在父類 BaseClass 中有一個 f1 的方法，子類 SubClass 要重載這個方法，只需要這樣寫：

java代碼:

SubClass.prototype.f1 = new

function () {
...
}

且慢，如果我還想調(diào)用父類的方法怎么辦呢？不必?fù)?dān)心，

java代碼:

SubClass.prototype.f1 = new

function () {
BaseClass.prototype.f1.apply(this, arguments);
...
}

這里加的一句就是調(diào)用父類的 f1 方法。apply 換成 call 也是可以的。
不過 JS 因?yàn)楹瘮?shù)參數(shù)數(shù)量是可變的，所以它并不會把
function f1 (arg1, arg2, arg3)
和
function f1 ()
看做是兩個函數(shù)，它會認(rèn)為它們就是一個函數(shù)（小子，換了個馬甲就以為我認(rèn)不出你了？），后面出現(xiàn)的定義會覆蓋前面的定義。所以即使你改變子類方法的簽名，它仍然認(rèn)為是重載了父類同名的方法。

那么如果我還想調(diào)用父類的構(gòu)造函數(shù)怎么辦呢？這樣做：

java代碼:

function SubClass (arg1, arg2) { 
    BaseClass.call(this, arg1, arg2); 
    ... 
}

6、JavaScript 開發(fā)如何做自動測試？
JavaScript 也是可以做自動測試的。xUnit 框架在 JS 領(lǐng)域的嫡系傳人是 JsUnit（http://jsunit.berlios.de），基本上就是 JUnit 的 JS 版，連例子都是從 JUnit 的例子移植過來的。
如何用 TDD 方式做 JS 開發(fā)？這個話題可就大了，足夠說上幾天的，以后我會另開主題討論這個問題。

本站僅提供存儲服務(wù)，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請點(diǎn)擊舉報(bào)。

打開APP，閱讀全文并永久保存查看更多類似文章

如何編寫可維護(hù)的JavaScript代碼？

圖靈社區(qū) : 閱讀 : OOP與jQuery（四）：函數(shù)作用域、方法連綴及jQuery.fn

JavaScript原型和繼承

十個JavaScript中易犯的小錯誤，你中了幾槍？

[書籍精讀]《JavaScript設(shè)計(jì)模式與開發(fā)實(shí)踐》精讀筆記分享

一周一話題之四（JavaScript、Dom、jQuery全面復(fù)習(xí)總結(jié)<js篇>）

更多類似文章 >>

免费视频淫片aa毛片_日韩高清在线亚洲专区vr_日韩大片免费观看视频播放_亚洲欧美国产精品完整版