JavaScript實作類別與繼承

1. 前言

有人認為JavaScript 是一門面向過程的語言。 因為基本的使用基本上都是寫函數，然後呼叫。 ==> 這種想法是不對的。

JS的創立者是:  Brendan Eich. 在JS創立的時候， Java 以及物件導向的設計已經大行其道了。

1995年5月，Netscape做出決策，未來的網頁腳本語言必須"看起來與Java足夠相似"，但是比Java簡單，使得非專業的網頁作者也能很快上手。

　　（1）借鏡C語言的基本語法；

　　（2）借鏡Java語言的資料型別與記憶體管理；

　　（2）借鏡Java語言的資料型別與記憶體管理；

　　（2）借鏡Java語言的資料型別及記憶體管理；到"第一等公民"（first class）的地位；

　　（4）借鏡Self語言，使用基於原型（prototype）的繼承機制。

因為作者本身對java 語言並不感興趣。所以Javascript語言其實是兩種語言風格的混合產物----（簡化的）函數式程式設計+（簡化的）物件導向程式設計.

比較有意思的是，作者本身對於這門語言也並不是很滿意==》

"與其說我愛Javascript，不如說我恨它。它是C語言和Self語言一夜情的產物"

2. Class Library

JS沒有Class 的概念， 使用prototype 來實現繼承機制。

對於習慣了Java 和C# 語言的類別使用機制的程式設計師來說， 用起來就不是很順手了。

還在JQuery 的作者 John Resig 有提供一個library . 可以在JS中使用Class 以及extend。

Class.js

[javascript]  

/*  

 * Simple JavaScript Inheritance 

* 

 ***** ************************************************* 

 * Example Usage 

 ******************************************** ********** 

 var Person = Class.extend({ 

  init: function(isDancing){ 

    this.dancing = isDancing; 

    return this.dancing; 

  } 

}); 

 

var Ninja = 1 ); 

  }, 

  dance : function(){ 

    // Call the inherited version of dance() 

    return this._super(); 

我 

  } 

}) ; 

 

var p = new Person(true); 

p.dance(); // => true 

 

var n = new Ninja(

 

var n = new Ninja(); > false 

n.swingSword(); // => true 

 

// Should all be true 

p instanceof Person && p cnce Class &instance Class & 

 ************************************************ ****** 

 */  

   

// Inspired by base2 及 Prototype  

(function(){  

)

(); / : /.*/;  

  

  // The base Class implementation (does nothing)  

  this.Class = function(){};  

  this.Class = function(){};  

  this.Class = function(){};  

  this.Class = function(){};  

  this.Class = function(){}； 

Class.extend = function(prop) {  

    var _super = this.prototype;  

     

    // Instate a base class (but

   init constructor)  

    initializing = true;  

    var prototype = new this();  

    initializing = false;  

     for (var name in prop) {  

      // Check if we 're overwriting an existing function  

      prototype[name] = typeof prop[name] == "function" &&  

    of片   type);

        ( function(name, fn){  

          return function() {  

            var tmp = this._super;                    // Add a new ._super() method that is the same method  

            // 但在超類別上 

            this._super = _super[name];    // 此方法只需要暫時綁定，所以我們 

            // 執行完成後刪除 

           var ret = fn.apply(this, argument);         

            this._super = tmp;  

  

          };  

        })(姓名, 道具[姓名]) :

   }  

   

    // 虛擬類別建構子 

    function Class() {  

 .init )  

      this.init。應用（這個，參數）；  

    }  

     

    // 填入我們所建構的原型物件 

// 強制建構子符合我們的預期 

    Class.prototype.constructor = Class;  

  

    // 並讓這個類別可擴充 

    Class.extend = argument.callee;  

})();  

 

 

 

 

3. 分析

以上的Class.js實作機制其實很簡單。使用JS的Prototype和argumnet、apply、callee這些來實現的