首頁 > web前端 > js教程 > 主體

JavaScript實作類別與繼承

高洛峰
發布: 2016-11-26 16:16:46
原創
973 人瀏覽過

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這些來實現的

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板