還是決定冠上ajax的頭銜,,畢竟很多人會用這個關(guān)鍵詞搜索,。雖然我認(rèn)為這只是個炒作的概念,不過不得不承認(rèn)ajax叫起來要方便多了,。所以ajax的意思我就不詳細(xì)解釋了,。 寫這個教程的起因很簡單:經(jīng)過一段時間的ajax學(xué)習(xí),有一些體會,,并且越發(fā)認(rèn)識到ajax技術(shù)的強大,,所以決定記錄下來,順便也是對自己思路的整理,。有關(guān)這個教程的后續(xù),請關(guān)注http://www. 前幾年,,javascript在一般人眼里,,功能還很狹窄,所能做的要么是一些簡單的表單驗證,,要么是許多華而不實的網(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 c(){
member1:value, member2:function(){} }
function c(){
this.member1=value; this.member2=function(){}; }
在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);
雖然在js里函數(shù)和類沒有區(qū)別,,但是類的概念卻可以方便我們進(jìn)行程序設(shè)計,,于是prototype很有創(chuàng)意的創(chuàng)建了一個全局對象Class: var Class = {
create: function() { return function() { this.initialize.apply(this, arguments); } } }
this.initialize.apply(this, arguments);
就是這樣,,Class成為了整個prototype的類型創(chuàng)建模型,并且能很好的把類和函數(shù)在代碼上區(qū)分開來,。Class.create()僅僅是返回一個空類,,而且它會默認(rèn)為這個類是具有initialize方法的,所以要使用這個類,,至少需要有一個構(gòu)造函數(shù),,這就需要使用到類的繼承。類只是一個函數(shù),,那么函數(shù)怎么繼承呢,?看起來匪夷所思,javascript能做到這一點,,prototype使得實現(xiàn)更為優(yōu)雅,,至于它是怎么做到的,且聽下回分解,。 |
|