提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

javascript写类方式之八

JavaScript 方式 写类 之八
2023-06-13 09:14:10 时间
8、Ext.js的写类方式
这里用的是Extcore3.0，Ext中用Ext.extend来定义一个类（当然它更多用来扩展一个类），Ext整个框架各种控件如Panel，MessageBox等都是用Ext.extend方法来扩展。这里仅仅用它来定义一个最简单的类。
看Ext.extend的代码可得知，它仍然是用构造函数和原型来组装一个类。
这里只需传两个参数即可，第一个参数是根类Object，第二个是原型。
复制代码代码如下:

/**
*Person类
*@param{Object}name
*/
varPerson=Ext.extend(Object,{
constructor:function(name){this.name=name;},
setName:function(name){this.name=name;},
getName:function(){returnthis.name;}
});



//创建一个对象
varp=newPerson("Lily");
console.log(p.getName());//Lily
p.setName("Andy");
console.log(p.getName());//Andy

//测试instanceof及p.constructor是否正确指向了Person
console.log(pinstanceofPerson);//true
console.log(p.constructor==Person);//true

比较特殊的是，如果单纯的定义一个类，那么第一个参数永远传Object即可。

相关文章