這幾天回頭玩了一下Javascript,總結一下:
var class1={p1:value1,p2:value2};
這個也可以寫成
var class1={};
class1.p1=value1;
class1.p2=value2;
首先所有的匿名類都是繼承與Object核心對象的,var class1={} 意味著實例化了一個Object對象,它擁有Object對象的原生屬性和原生方法。
但是你不能為匿名類添加原生方法,例如這樣寫是錯誤的:
class1.prototype.func1=function(){};
你也不能嘗試用new() 方法來構造一個新的與class1有相同的屬性的新對象,因為它已經實例化了。以下寫法也是錯的:
var classB=new classA();
這是無法構造的,
准確的說,匿名類實際上是繼承與Object的某一個半實例,相當於C#中的靜態類。你可以為他添加方法和屬性
例如:
class1.func1=function(){}
調用的時候就這樣:
class1.func1(); 酷似C#中的靜態類
但是你可以為Object添加原生函數,這樣你的匿名類(實際上是所有的類)都有這個方法
例如:
var class1={};
class1.p1=value1;
class1.p2=value2;
Object.prototype.func1=function(){ alert("1") };
class1.func1();
是沒有問題的,但是這樣一來,所有的實例化對象都有了func1()方法。實際應用中應該避免給Object類添加原生方法。
先說說關於Javascript的函數:
可以這樣說,JavaScript中一切皆是對象,function自然不例外,function可以作為函數,類,也可以當成一個被函數對象返回
看下面的例子:
function a()
{
alert("Hello Febird!");
this.aa="aa";
this.show=function ()
{
alert(this.aa);
};
this.sayHello=function()
{
return function() {alert("hello"); } ;
};
}
var aaa=new a();
aaa.show();
aaa.sayHello();
其中最外面的一個function是定義了一個類 a ,他有屬性aa,方法show(),sayHello();這兩個都是匿名函數,而sayHello中的function便是函數作為一個返回值的例子。
實際上可以這樣想,匿名函數就是一塊沒有命名的代碼塊,當你把他賦值給別的變量的時候,那麼那個變量就是一個函數,准確的說那是一個函數指針^_^。
在Javasript中,匿名函數是很有特點的東西了,也是非常有用,也是有些難以理解的。
比如在寫Ajax引用的時候,如果不依靠別的JSF,自己寫一個通用的AJax話,一般這樣寫:
var xhr=new XMLHttpRequest(); //已經封裝,可以適應不同的浏覽器;
function DoAJax ()
{
xhr.onreadystatechange=processFunction;
xhr.open("GET",url,true);
xhr.send(null);
}
function processFunction()
{
//do something with XMLHttpRequest;
if(xhr.readState!=4||xhr.status!=200) return false;
alert(xhr.responseText);
}
在一般的AJax引用中,也許只要一個XMLHttpRequest對象,而且onreadystatechange的處理函數必須沒有參數,有參數就出錯,
所以,一般經常會寫一個全局變量XMLHttpRequest,再在processFunction中用到這個全局變量,但是如果我要建立幾個
XMLHttpRequest的並發連接怎麼辦呢?這個就不能用全局變量了,但是處理函數又不能有參數,怎麼搞,可以這樣:
function DoAJax ()
{
var xhr=new XMLHttpRequest();
xhr.onreadystatechange=processFunction(xhr);
xhr.open("GET",url,true);
xhr.send(null);
}
function processFunction(_xhr)
{
return function()
{
//do something with XMLHttpRequest;
if(_xhr.readState!=4||_xhr.status!=200) return false;
alert(_xhr.responseText);
};
}
怎麼理解?雖然processFunction函數有參數,但是它返回的函數沒有參數!而這兩個函數之間是怎麼進行的值傳遞呢?
這裡不妨引用一句話:
“為了函數能夠正確的執行,需要被函數使用的,詞法作用域中的,非全局數據,
存在於函數的閉包之中。”
可以這樣理解:
當我們把processFunction()返回的函數,在processFunction之外使用的時候,依然要記得自己被定義時的上級作用域中的各種變量的值。這些需
要被記住的值,就是“閉包”。
原生,即prototype,他提供我們了擴展、改造原有對象的方法。例如我們可以為已知對象,包括JavaScript的核心對象Array,Number,Math,Object,Boolean等和自定義類添加方法或者屬性。
例如:
Number.prototype.toHexString = function () {
return this.toString(16);
};
var num=10
alert(num.toHexString());
輸出A;
你可以為Object對象添加方法,這樣,以後任意一個對象都有這個方法,因為其它對象都是從Object繼承而來的。
你也可以再造現有函數
Function.prototype.toString = function () {
return “Function Locked”;
};
在Javascript中,並沒有嚴格的面向對象概念,自然也沒有類的構造函數這樣的概念。var o=new Obj();這樣的語法,看起來似乎和Java/C++相當類似,但是他背後的執行過程是不同的。首先,解釋器會new一個空的Object對象。然後將 這個空的Object,作
為隱藏的參數傳遞給function Obj()。在Obj函數中訪問到的this,其實就是這個傳入的空的Object 對象。所以,如果這個Object,
並非為空,這就是所謂:“this關鍵字關聯於執行時的作用域”的含義。
如果你想把一個函數作為“構造函數”,那麼就不要在函數的最後加上return語句。因為如果沒有return語句,new算符返回的就是
那個被操作過以後的this。一旦你通過return返回了別的東西,這個this就被廢棄掉了。對於函數的調用者來說,就會相當的困惑。