還是決定冠上ajax的頭銜，畢竟很多人會用這個關(guān)鍵詞搜索。雖然我認(rèn)為這只是個炒作的概念，不過不得不承認(rèn)ajax叫起來要方便多了。ajax的意思我就不詳細(xì)解釋了。

寫這個教程的起因很簡單：經(jīng)過一段時間的ajax學(xué)習(xí)，有一些體會，并且越發(fā)認(rèn)識到ajax技術(shù)的強(qiáng)大，所以決定記錄下來，順便也是對自己思路的整理。

前幾年，javascript在一般人眼里，功能還很狹窄，所能做的要么是一些簡單的表單驗(yàn)證，要么是許多華而不實(shí)的網(wǎng)頁特效。隨著flash的出現(xiàn)，大家已經(jīng)不像以前那樣熱衷于js特效。似乎js能做的事情更加少了。但這時候，ajax的概念冒了出來，以gmail為典型代表的ajax應(yīng)用受到很多人的關(guān)注，ajax一下子成為一種很熱門的技術(shù)，當(dāng)javascript和xml，和dom模型結(jié)合起來，其所能做的事情常常令人匪夷所思，甚至有些功能已經(jīng)可以和桌面程序相當(dāng)。

好了廢話就不多說了，現(xiàn)在就從一個javascript的開發(fā)框架prototype_1.3.1（下面簡稱為prototype）開始。我本來是想先介紹一下javascript的高級應(yīng)用，但怕水平不夠，說的沒有條理，所以就結(jié)合prototype來說，順便會提及js的語法使用。
下面是框架最前面的兩段代碼：

var Prototype = {
  Version: '1.3.1',
  emptyFunction: function() {}
}
var Class = {
  create: function() {
    return function() { 
      this.initialize.apply(this, arguments);
    }
  }
}
首先，讓我們來看下面兩個語法的區(qū)別：


var o={};
var f=function(){};

后面一個很容易理解，它等價于function f(){};定義一個函數(shù)f。但前面一個就不常見了：這其實(shí)是創(chuàng)建一個對象，在{}中可以指定對象的成員，比如上面的Prototype，就是一個對象，有兩個成員，第一個是版本號，第二個是一個空方法（函數(shù)）。像這種不用定義類，就能直接創(chuàng)建對象的功能可能只有js能做到。后面一種語法其實(shí)還有一個功能，就是定義一個類f。如果你在函數(shù)體中用了this，那么this后面的變量就是類的成員。
不僅this可以定義類成員，還有一種語法：

function c(){
member1:value,
member2:function(){}
}

這等價于:

function c(){
this.member1=value;
this.member2=function(){};
}

需要注意的是，用前一種辦法時，最后一個成員的最后不能加逗號，我想這種語法應(yīng)該和數(shù)組有關(guān)。

在js里，函數(shù)和類是沒有區(qū)別的，都可以new，new的作用是把函數(shù)體的語句都執(zhí)行一遍，然后返回一個對象。如果函數(shù)里有this，那么this后面的變量會作為對象成員；如果沒有，那么new的作用只是返回一個沒有任何成員的空對象。所以你用typeof查看一個所謂類的類型時，仍然會返回function。在js里也基本沒有類型的概念，所有變量的聲明都用var，即使是函數(shù)，也是如此。函數(shù)，其實(shí)也只是一個變量。

說函數(shù)是變量，可能很多人不解。但是你試試下面的做法：

function fTest(){
var a=1;
alert(a);
}
alert(fTest);

你會發(fā)現(xiàn)顯示的是fTest這個函數(shù)的函數(shù)體，所以我們可以認(rèn)為，所謂函數(shù)，僅僅是js引擎可以解析的一段代碼字符串。函數(shù)名變量存儲的只是這個字符串。說的更準(zhǔn)確一點(diǎn)，函數(shù)名是一個指針變量，它存儲的是這個代碼字符串在內(nèi)存中的位置。這樣就不難理解將函數(shù)作為參數(shù)傳遞，可以作為值返回了，這是以后會大量使用的技術(shù)。因?yàn)轭愐彩呛瘮?shù)，所以理解了函數(shù)，也就理解了類。

雖然在js里函數(shù)和類沒有區(qū)別，但是類的概念卻可以方便我們進(jìn)行程序設(shè)計，于是prototype很有創(chuàng)意的創(chuàng)建了一個全局對象Class：

var Class = {
  create: function() {
    return function() { 
      this.initialize.apply(this, arguments);
    }
  }
}

Class是一個全局對象，它的唯一方法就是create，作用返回一個函數(shù)，前面已經(jīng)講過函數(shù)作為返回值的機(jī)制，這里不再遨述。返回的函數(shù)包括一條語句：

this.initialize.apply(this, arguments);

前面講過，new一個函數(shù)時，會執(zhí)行函數(shù)里的代碼，最后返回對象。所以當(dāng)使用Class.create()創(chuàng)建了一個函數(shù)，再new這個返回的函數(shù)時，首先會執(zhí)行這條語句。后面可以看到，這其實(shí)是為了調(diào)用類的構(gòu)造函數(shù)。

就是這樣，Class成為了整個prototype的類型創(chuàng)建模型，并且能很好的把類和函數(shù)在代碼上區(qū)分開來。Class.create()僅僅是返回一個空類，而且它會默認(rèn)為這個類是具有initialize方法的，所以要使用這個類，至少需要有一個構(gòu)造函數(shù)，這就需要使用到類的繼承。類只是一個函數(shù)，那么函數(shù)怎么繼承呢？看起來匪夷所思，javascript能做到這一點(diǎn)，prototype使得實(shí)現(xiàn)更為優(yōu)雅，至于它是怎么做到的，且聽下回分解。

最新評論