小男孩‘自慰网亚洲一区二区,亚洲一级在线播放毛片,亚洲中文字幕av每天更新,黄aⅴ永久免费无码,91成人午夜在线精品,色网站免费在线观看,亚洲欧洲wwwww在线观看

分享

由prototype

 duduwolf 2005-11-28

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

寫這個教程的起因很簡單:經(jīng)過一段時間的ajax學習,有一些體會,并且越發(fā)認識到ajax技術的強大,所以決定記錄下來,順便也是對自己思路的整理。有關這個教程的后續(xù),請關注http://www.

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

好了廢話就不多說了,現(xiàn)在就從一個javascript的開發(fā)框架prototype_1.3.1(下面簡稱為prototype)開始。我本來是想先介紹一下javascript的高級應用,但怕水平不夠,說的沒有條理,所以就結合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。但前面一個就不常見了:這其實是創(chuàng)建一個對象,在{}中可以指定對象的成員,比如上面的Prototype,就是一個對象,有兩個成員,第一個是版本號,第二個是一個空方法(函數(shù))。像這種不用定義類,就能直接創(chuàng)建對象的功能可能只有js能做到。后面一種語法其實還有一個功能,就是定義一個類f。如果你在函數(shù)體中用了this,那么this后面的變量就是類的成員。
不僅this可以定義類成員,還有一種語法:

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


這等價于:

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


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

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

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

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


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

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

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


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

this.initialize.apply(this, arguments);


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

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

    本站是提供個人知識管理的網(wǎng)絡存儲空間,所有內容均由用戶發(fā)布,不代表本站觀點。請注意甄別內容中的聯(lián)系方式、誘導購買等信息,謹防詐騙。如發(fā)現(xiàn)有害或侵權內容,請點擊一鍵舉報。
    轉藏 分享 獻花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多