javascript 寫類方式之八
更新時間：2009年07月05日 01:46:59 作者：
這里用的是Ext core3.0，Ext中用Ext.extend來定義一個類（當(dāng)然它更多用來擴(kuò)展一個類），Ext整個框架各種控件如Panel，MessageBox等都是用Ext.extend方法來擴(kuò)展。這里僅僅用它來定義一個最簡單的類。
8、Ext.js的寫類方式
這里用的是Ext core3.0，Ext中用Ext.extend來定義一個類（當(dāng)然它更多用來擴(kuò)展一個類），Ext整個框架各種控件如Panel，MessageBox等都是用Ext.extend方法來擴(kuò)展。這里僅僅用它來定義一個最簡單的類。
看Ext.extend的代碼可得知，它仍然是用構(gòu)造函數(shù)和原型來組裝一個類。
這里只需傳兩個參數(shù)即可，第一個參數(shù)是根類Object，第二個是原型。
/**
* Person類
* @param {Object} name
*/
var Person = Ext.extend(Object,{
constructor : function(name) {this.name = name;},
setName : function(name) {this.name = name;},
getName : function() {return this.name;}
});
//創(chuàng)建一個對象
var p = new Person("Lily");
console.log(p.getName());//Lily
p.setName("Andy");
console.log(p.getName());//Andy
//測試instanceof及p.constructor是否正確指向了Person
console.log(p instanceof Person);//true
console.log(p.constructor == Person);//true
比較特殊的是，如果單純的定義一個類，那么第一個參數(shù)永遠(yuǎn)傳Object即可。
這里用的是Ext core3.0，Ext中用Ext.extend來定義一個類（當(dāng)然它更多用來擴(kuò)展一個類），Ext整個框架各種控件如Panel，MessageBox等都是用Ext.extend方法來擴(kuò)展。這里僅僅用它來定義一個最簡單的類。
看Ext.extend的代碼可得知，它仍然是用構(gòu)造函數(shù)和原型來組裝一個類。
這里只需傳兩個參數(shù)即可，第一個參數(shù)是根類Object，第二個是原型。
復(fù)制代碼 代碼如下:
/**
* Person類
* @param {Object} name
*/
var Person = Ext.extend(Object,{
constructor : function(name) {this.name = name;},
setName : function(name) {this.name = name;},
getName : function() {return this.name;}
});
//創(chuàng)建一個對象
var p = new Person("Lily");
console.log(p.getName());//Lily
p.setName("Andy");
console.log(p.getName());//Andy
//測試instanceof及p.constructor是否正確指向了Person
console.log(p instanceof Person);//true
console.log(p.constructor == Person);//true
比較特殊的是，如果單純的定義一個類，那么第一個參數(shù)永遠(yuǎn)傳Object即可。
相關(guān)文章
js類后臺管理菜單類-MenuSwitch...2007-09-09
學(xué)習(xí)javascript 對象操作的朋友可以參考下，這個是入門級教程。2010-04-04
javascript 面向?qū)ο?實現(xiàn)namespace,class,繼承，重載
這幾天老大天天嚷嚷要重構(gòu)我們寫的javascript,抱怨代碼太混亂，可讀性差，維護(hù)困難，要求javascript也按面對象的模型來重構(gòu)。2009-10-10
JavaScript 設(shè)計模式學(xué)習(xí) Singleton
JavaScript設(shè)計模式學(xué)習(xí) Singleton
2009-07-07 
js創(chuàng)建對象的幾種常用方式小結(jié)(推薦)
最近在看javascript高級程序設(shè)計，其中對對象的創(chuàng)建做了具體的闡述，綜合起來，總結(jié)了下（je知識庫javascript專欄由這方面的教程，有興趣的可以去知識庫看看）
2010-10-10 
Javascript 面向?qū)ο?對象(Object)
2010-05-05 
我覺得，Object（對象）最難。因為Javascript的Object模型很獨特，和其他語言都不一樣，初學(xué)者不容易掌握。
2011-08-08 
自己比較喜歡javascript類，主要是方便擴(kuò)展。
2007-12-12 
從面試題學(xué)習(xí)Javascript 面向?qū)ο螅▌?chuàng)建對象）
從面試題學(xué)習(xí)Javascript 面向?qū)ο螅▌?chuàng)建對象），學(xué)習(xí)js的朋友可以參考下
2012-03-03