還是決定冠上ajax的頭銜，畢竟很多人會(huì )用這個(gè)關(guān)鍵詞搜索。雖然我認為這只是個(gè)炒作的概念，不過(guò)不得不承認ajax叫起來(lái)要方便多了。所以ajax的意思我就不詳細解釋了。
寫(xiě)這個(gè)教程的起因很簡(jiǎn)單：經(jīng)過(guò)一段時(shí)間的ajax學(xué)習，有一些體會(huì )，并且越發(fā)認識到ajax技術(shù)的強大，所以決定記錄下來(lái)，順便也是對自己思路的整理。有關(guān)這個(gè)教程的后續，請關(guān)注http://www.x2design.net
前幾年，javascript在一般人眼里，功能還很狹窄，所能做的要么是一些簡(jiǎn)單的表單驗證，要么是許多華而不實(shí)的網(wǎng)頁(yè)特效。隨著(zhù)flash的出現，大家已經(jīng)不像以前那樣熱衷于js特效。似乎js能做的事情更加少了。但這時(shí)候，ajax的概念冒了出來(lái)，以gmail為典型代表的ajax應用受到很多人的關(guān)注，ajax一下子成為一種很熱門(mén)的技術(shù)，當javascript和xml，和dom模型結合起來(lái)，其所能做的事情常常令人匪夷所思，甚至有些功能已經(jīng)可以和桌面程序相當。
好了廢話(huà)就不多說(shuō)了，現在就從一個(gè)javascript的開(kāi)發(fā)框架prototype_1.3.1（下面簡(jiǎn)稱(chēng)為prototype）開(kāi)始。我本來(lái)是想先介紹一下javascript的高級應用，但怕水平不夠，說(shuō)的沒(méi)有條理，所以就結合prototype來(lái)說(shuō)，順便會(huì )提及js的語(yǔ)法使用。
下面是框架最前面的兩段代碼：
首先，讓我們來(lái)看下面兩個(gè)語(yǔ)法的區別：
后面一個(gè)很容易理解，它等價(jià)于function f(){};定義一個(gè)函數f。但前面一個(gè)就不常見(jiàn)了：這其實(shí)是創(chuàng )建一個(gè)對象，在{}中可以指定對象的成員，比如上面的Prototype，就是一個(gè)對象，有兩個(gè)成員，第一個(gè)是版本號，第二個(gè)是一個(gè)空方法（函數）。像這種不用定義類(lèi)，就能直接創(chuàng )建對象的功能可能只有js能做到。后面一種語(yǔ)法其實(shí)還有一個(gè)功能，就是定義一個(gè)類(lèi)f。如果你在函數體中用了this，那么this后面的變量就是類(lèi)的成員。
不僅this可以定義類(lèi)成員，還有一種語(yǔ)法：
這等價(jià)于:
需要注意的是，用前一種辦法時(shí)，最后一個(gè)成員的最后不能加逗號，我想這種語(yǔ)法應該和數組有關(guān)。
在js里，函數和類(lèi)是沒(méi)有區別的，都可以new，new的作用是把函數體的語(yǔ)句都執行一遍，然后返回一個(gè)對象。如果函數里有this，那么this后面的變量會(huì )作為對象成員；如果沒(méi)有，那么new的作用只是返回一個(gè)沒(méi)有任何成員的空對象。所以你用typeof查看一個(gè)所謂類(lèi)的類(lèi)型時(shí)，仍然會(huì )返回function。在js里也基本沒(méi)有類(lèi)型的概念，所有變量的聲明都用var，即使是函數，也是如此。函數，其實(shí)也只是一個(gè)變量。
說(shuō)函數是變量，可能很多人不解。但是你試試下面的做法：
你會(huì )發(fā)現顯示的是fTest這個(gè)函數的函數體，所以我們可以認為，所謂函數，僅僅是js引擎可以解析的一段代碼字符串。函數名變量存儲的只是這個(gè)字符串。說(shuō)的更準確一點(diǎn)，函數名是一個(gè)指針變量，它存儲的是這個(gè)代碼字符串在內存中的位置。這樣就不難理解將函數作為參數傳遞，可以作為值返回了，這是以后會(huì )大量使用的技術(shù)。因為類(lèi)也是函數，所以理解了函數，也就理解了類(lèi)。
雖然在js里函數和類(lèi)沒(méi)有區別，但是類(lèi)的概念卻可以方便我們進(jìn)行程序設計，于是prototype很有創(chuàng )意的創(chuàng )建了一個(gè)全局對象Class：
Class是一個(gè)全局對象，它的唯一方法就是create，作用返回一個(gè)函數，前面已經(jīng)講過(guò)函數作為返回值的機制，這里不再遨述。返回的函數包括一條語(yǔ)句：
前面講過(guò)，new一個(gè)函數時(shí)，會(huì )執行函數里的代碼，最后返回對象。所以當使用Class.create()創(chuàng )建了一個(gè)函數，再new這個(gè)返回的函數時(shí)，首先會(huì )執行這條語(yǔ)句。后面可以看到，這其實(shí)是為了調用類(lèi)的構造函數。
就是這樣，Class成為了整個(gè)prototype的類(lèi)型創(chuàng )建模型，并且能很好的把類(lèi)和函數在代碼上區分開(kāi)來(lái)。Class.create()僅僅是返回一個(gè)空類(lèi)，而且它會(huì )默認為這個(gè)類(lèi)是具有initialize方法的，所以要使用這個(gè)類(lèi)，至少需要有一個(gè)構造函數，這就需要使用到類(lèi)的繼承。類(lèi)只是一個(gè)函數，那么函數怎么繼承呢？看起來(lái)匪夷所思，javascript能做到這一點(diǎn)，prototype使得實(shí)現更為優(yōu)雅，至于它是怎么做到的，且聽(tīng)下回分解。
聯(lián)系客服
