javascript 寫(xiě)類(lèi)方式之八
更新時(shí)間:2009年07月05日 01:46:59 作者:
這里用的是Ext core3.0,Ext中用Ext.extend來(lái)定義一個(gè)類(lèi)(當(dāng)然它更多用來(lái)擴(kuò)展一個(gè)類(lèi)),Ext整個(gè)框架各種控件如Panel,MessageBox等都是用Ext.extend方法來(lái)擴(kuò)展。這里僅僅用它來(lái)定義一個(gè)最簡(jiǎn)單的類(lèi)。
8、Ext.js的寫(xiě)類(lèi)方式
這里用的是Ext core3.0,Ext中用Ext.extend來(lái)定義一個(gè)類(lèi)(當(dāng)然它更多用來(lái)擴(kuò)展一個(gè)類(lèi)),Ext整個(gè)框架各種控件如Panel,MessageBox等都是用Ext.extend方法來(lái)擴(kuò)展。這里僅僅用它來(lái)定義一個(gè)最簡(jiǎn)單的類(lèi)。
看Ext.extend的代碼可得知,它仍然是用構(gòu)造函數(shù)和原型來(lái)組裝一個(gè)類(lèi)。
這里只需傳兩個(gè)參數(shù)即可,第一個(gè)參數(shù)是根類(lèi)Object,第二個(gè)是原型。
/**
* Person類(lèi)
* @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)建一個(gè)對(duì)象
var p = new Person("Lily");
console.log(p.getName());//Lily
p.setName("Andy");
console.log(p.getName());//Andy
//測(cè)試instanceof及p.constructor是否正確指向了Person
console.log(p instanceof Person);//true
console.log(p.constructor == Person);//true
比較特殊的是,如果單純的定義一個(gè)類(lèi),那么第一個(gè)參數(shù)永遠(yuǎn)傳Object即可。
這里用的是Ext core3.0,Ext中用Ext.extend來(lái)定義一個(gè)類(lèi)(當(dāng)然它更多用來(lái)擴(kuò)展一個(gè)類(lèi)),Ext整個(gè)框架各種控件如Panel,MessageBox等都是用Ext.extend方法來(lái)擴(kuò)展。這里僅僅用它來(lái)定義一個(gè)最簡(jiǎn)單的類(lèi)。
看Ext.extend的代碼可得知,它仍然是用構(gòu)造函數(shù)和原型來(lái)組裝一個(gè)類(lèi)。
這里只需傳兩個(gè)參數(shù)即可,第一個(gè)參數(shù)是根類(lèi)Object,第二個(gè)是原型。
復(fù)制代碼 代碼如下:
/**
* Person類(lèi)
* @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)建一個(gè)對(duì)象
var p = new Person("Lily");
console.log(p.getName());//Lily
p.setName("Andy");
console.log(p.getName());//Andy
//測(cè)試instanceof及p.constructor是否正確指向了Person
console.log(p instanceof Person);//true
console.log(p.constructor == Person);//true
比較特殊的是,如果單純的定義一個(gè)類(lèi),那么第一個(gè)參數(shù)永遠(yuǎn)傳Object即可。
相關(guān)文章
Javascript面向?qū)ο缶幊蹋ㄈ?非構(gòu)造函數(shù)的繼承
這個(gè)系列的第一部分介紹了"封裝",第二部分介紹了使用構(gòu)造函數(shù)實(shí)現(xiàn)"繼承"。2011-08-08JavaScript 三種創(chuàng)建對(duì)象的方法
JavaScript中對(duì)象的創(chuàng)建有以下幾種方式 使用內(nèi)置對(duì)象 使用JSON符號(hào) 自定義對(duì)象構(gòu)造。大家可以參考下。2009-10-10學(xué)習(xí)面向?qū)ο笾嫦驅(qū)ο蟮男g(shù)語(yǔ)
學(xué)習(xí)面向?qū)ο笾嫦驅(qū)ο蟮男g(shù)語(yǔ),學(xué)習(xí)面向?qū)ο笤O(shè)計(jì)的朋友可以參考下。2010-11-11javascript 面向?qū)ο缶幊袒A(chǔ) 多態(tài)
javascript 面向?qū)ο缶幊袒A(chǔ) 多態(tài) 的實(shí)現(xiàn)方法說(shuō)明,大家可以看下下面的代碼。2009-08-08