關(guān)于js類的定義
更新時間:2011年06月28日 19:22:16 作者:
這兩天幫同學(xué)做秒殺網(wǎng),打算將前臺和后臺徹底分離,僅用ajax通信。這樣就免不了大量的使用javascript,于是發(fā)現(xiàn),js果然是難學(xué)難用。
遇到的問題,首先是js對象的封裝,js沒有提供類的機制,唯一的內(nèi)置類是function類,也就是說所有的函數(shù)都是function類的實例化對象。不過依靠這個唯一的類我們可以模擬定義一個新的類。
首先想到的,是直接用function生成定義完整的類:
function myClass(arg,...)
{
this.attributeName;
this.functionName = function(){};
}
不過這樣有一個問題,每當(dāng)我new一個新的myClass實例的時候,內(nèi)部的function都會重新開辟空間,返回引用給functionName。但這個和我們設(shè)想的類不一致,浪費空間,而且理論上類的function應(yīng)該是共享的。
更合理的做法,一是在類外定義函數(shù),然后類內(nèi)將函數(shù)指針賦值給functionName,另一種是在類外myClass.prototype.functionName = function(){}。這兩種都是不錯的選擇,其中第二個看起來更接近類的定義。
接下來var newObj = new myClass();大功告成。
關(guān)于js(二)無名函數(shù)
無名函數(shù),其中一個作用可能是生成新的函數(shù)對象的引用,主要是用于定義。
另一個用處就是針對js中一些無法含參的回調(diào)函數(shù)而言的。
明顯的例子就是setInterval,我想這是很多人頭疼的一個函數(shù),尤其是你想在回調(diào)函數(shù)中添加參數(shù)的時候。
而且最叫人頭疼的是,DHTML不是w3c規(guī)定的標準,于是不同的瀏覽器給出的setInterval參數(shù)表還不一樣。。。
就我測試的兩款瀏覽器來說(IE內(nèi)核,webkit內(nèi)核)
IE:setInvterval(function, msecond [,lang]);
chrome:setInterval(function, msecond [, pram1, pram2, ....]);
也就是說,chrome里面是允許對function添加參數(shù)的,參數(shù)表在最后邊。然而IE最后一個參數(shù)的作用是標明所用的腳本語言種類,因為IE除了js還支持vbs等其他的腳本語言。
為了解決兼容性,只好用到無名函數(shù)。。。
function test(yourArg)
{
var arg = yourArg;
setInterval(function(){callback(arg)}, time);
}
首先想到的,是直接用function生成定義完整的類:
復(fù)制代碼 代碼如下:
function myClass(arg,...)
{
this.attributeName;
this.functionName = function(){};
}
不過這樣有一個問題,每當(dāng)我new一個新的myClass實例的時候,內(nèi)部的function都會重新開辟空間,返回引用給functionName。但這個和我們設(shè)想的類不一致,浪費空間,而且理論上類的function應(yīng)該是共享的。
更合理的做法,一是在類外定義函數(shù),然后類內(nèi)將函數(shù)指針賦值給functionName,另一種是在類外myClass.prototype.functionName = function(){}。這兩種都是不錯的選擇,其中第二個看起來更接近類的定義。
接下來var newObj = new myClass();大功告成。
關(guān)于js(二)無名函數(shù)
無名函數(shù),其中一個作用可能是生成新的函數(shù)對象的引用,主要是用于定義。
另一個用處就是針對js中一些無法含參的回調(diào)函數(shù)而言的。
明顯的例子就是setInterval,我想這是很多人頭疼的一個函數(shù),尤其是你想在回調(diào)函數(shù)中添加參數(shù)的時候。
而且最叫人頭疼的是,DHTML不是w3c規(guī)定的標準,于是不同的瀏覽器給出的setInterval參數(shù)表還不一樣。。。
就我測試的兩款瀏覽器來說(IE內(nèi)核,webkit內(nèi)核)
IE:setInvterval(function, msecond [,lang]);
chrome:setInterval(function, msecond [, pram1, pram2, ....]);
也就是說,chrome里面是允許對function添加參數(shù)的,參數(shù)表在最后邊。然而IE最后一個參數(shù)的作用是標明所用的腳本語言種類,因為IE除了js還支持vbs等其他的腳本語言。
為了解決兼容性,只好用到無名函數(shù)。。。
復(fù)制代碼 代碼如下:
function test(yourArg)
{
var arg = yourArg;
setInterval(function(){callback(arg)}, time);
}
相關(guān)文章
一個cssQuery對象 javascript腳本實現(xiàn)代碼
原創(chuàng)的一個cssQuery對象,類似于jQuery的$函數(shù)通過css選擇器選擇DOM元素,目前還不支持xPath語法2009-07-07