由prototype_1.3.1進入javascript殿堂－類的初探
2019-11-21 02:28:35
供稿：網友
還是決定冠上ajax的頭銜，畢竟很多人會用這個關鍵詞搜索。雖然我認為這只是個炒作的概念，不過不得不承認ajax叫起來要方便多了。ajax的意思我就不詳細解釋了。
寫這個教程的起因很簡單：經過一段時間的ajax學習，有一些體會，并且越發認識到ajax技術的強大，所以決定記錄下來，順便也是對自己思路的整理。
前幾年，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，即使是函數，也是如此。函數，其實也只是一個變量。
說函數是變量，可能很多人不解。但是你試試下面的做法：
function fTest(){
var a=1;
alert(a);
}
alert(fTest);
你會發現顯示的是fTest這個函數的函數體，所以我們可以認為，所謂函數，僅僅是js引擎可以解析的一段代碼字符串。函數名變量存儲的只是這個字符串。說的更準確一點，函數名是一個指針變量，它存儲的是這個代碼字符串在內存中的位置。這樣就不難理解將函數作為參數傳遞，可以作為值返回了，這是以后會大量使用的技術。因為類也是函數，所以理解了函數，也就理解了類。
雖然在js里函數和類沒有區別，但是類的概念卻可以方便我們進行程序設計，于是prototype很有創意的創建了一個全局對象Class：
var Class = {
create: function() {
return function() {
this.initialize.apply(this, arguments);
}
}
}
Class是一個全局對象，它的唯一方法就是create，作用返回一個函數，前面已經講過函數作為返回值的機制，這里不再遨述。返回的函數包括一條語句：
this.initialize.apply(this, arguments);
前面講過，new一個函數時，會執行函數里的代碼，最后返回對象。所以當使用Class.create()創建了一個函數，再new這個返回的函數時，首先會執行這條語句。后面可以看到，這其實是為了調用類的構造函數。
就是這樣，Class成為了整個prototype的類型創建模型，并且能很好的把類和函數在代碼上區分開來。Class.create()僅僅是返回一個空類，而且它會默認為這個類是具有initialize方法的，所以要使用這個類，至少需要有一個構造函數，這就需要使用到類的繼承。類只是一個函數，那么函數怎么繼承呢？看起來匪夷所思，javascript能做到這一點，prototype使得實現更為優雅，至于它是怎么做到的，且聽下回分解。
