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