Ajax::prototype 源碼解讀
2024-09-06 12:43:40
供稿：網友
AJAX之旅(1)：由prototype_1.3.1進入javascript殿堂－類的初探
還是決定冠上ajax的頭銜，畢竟很多人會用這個關鍵詞搜索。雖然我認為這只是個炒作的概念，不過不得不承認ajax叫起來要方便多了。所以ajax的意思我就不詳細解釋了。
寫這個教程的起因很簡單：經過一段時間的ajax學習，有一些體會，并且越發認識到ajax技術的強大，所以決定記錄下來，順便也是對自己思路的整理。有關這個教程的后續，請關注http://www.x2design.net
前幾年，javascript在一般人眼里，功能還很狹窄，所能做的要么是一些簡單的表單驗證，要么是許多華而不實的網頁特效。隨著flash的出現，大家已經不像以前那樣熱衷于js特效。似乎js能做的事情更加少了。但這時候，ajax的概念冒了出來，以gmail為典型代表的ajax應用受到很多人的關注，ajax一下子成為一種很熱門的技術，當javascript和xml，和dom模型結合起來，其所能做的事情常常令人匪夷所思，甚至有些功能已經可以和桌面程序相當。
好了廢話就不多說了，現在就從一個javascript的開發框架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);
}
}
}
首先，讓我們來看下面兩個語法的區別：
var o={};
var f=function(){};
后面一個很容易理解，它等價于function f(){};定義一個函數f。但前面一個就不常見了：這其實是創建一個對象，在{}中可以指定對象的成員，比如上面的Prototype，就是一個對象，有兩個成員，第一個是版本號，第二個是一個空方法（函數）。像這種不用定義類，就能直接創建對象的功能可能只有js能做到。后面一種語法其實還有一個功能，就是定義一個類f。如果你在函數體中用了this，那么this后面的變量就是類的成員。
不僅this可以定義類成員，還有一種語法：
function c(){
member1:value,
member2:function(){}
}
這等價于:
function c(){
this.member1=value;
this.member2=function(){};
}
需要注意的是，用前一種辦法時，最后一個成員的最后不能加逗號，我想這種語法應該和數組有關。
在js里，函數和類是沒有區別的，都可以new，new的作用是把函數體的語句都執行一遍，然后返回一個對象。如果函數里有this，那么this后面的變量會作為對象成員；如果沒有，那么new的作用只是返回一個沒有任何成員的空對象。所以你用typeof查看一個所謂類的類型時，仍然會返回function。在js里也基本沒有類型的概念，所有變量的聲明都用var，即使是函數，也是如此。函數，其實也只是一個變量。
