基于jQuery,实现JS面向对象编程
2010-01-26 21:43
387 查看
//接口1
var IClassName = {
IgetName:function(){
getName.apply(this);
},
IsetName:function(){
setName.apply(this,arguments);
}
}
//接口2
var IAlertName = {
IAlert:function(){
printName.apply(this);
}
}
//父类
var superClass = function(){
name = "superClass";
}
//子类
var subClass = function(){
//实现接口1方法
getName = function(){
return name;
}
setName = function(_name){
name = _name;
}
//实现接口2方法
printName = function(){
alert(name);
}
}
//让子类继承父类
subClass.prototype = new superClass();
//实现接口
jQuery.extend(subClass.prototype,IClassName,IAlertName);
//子子类
var childClass = function(){
this.show = function(){
alert(name+" show");
}
}
//使用该类
var s = new subClass();
//s.IsetName("ddd");
//s.IAlert();
//让子子类继承子类
childClass.prototype = new subClass();
var c = new childClass();
c.IAlert();
c.IsetName("yyyy");
c.show();
使用jQuery简化继承接口一块。
jQuery.extend(target,obj1,[objN]) return Object
用一个或多个其他对象来扩展一个对象,返回被扩展的对象。
var IClassName = {
IgetName:function(){
getName.apply(this);
},
IsetName:function(){
setName.apply(this,arguments);
}
}
//接口2
var IAlertName = {
IAlert:function(){
printName.apply(this);
}
}
//父类
var superClass = function(){
name = "superClass";
}
//子类
var subClass = function(){
//实现接口1方法
getName = function(){
return name;
}
setName = function(_name){
name = _name;
}
//实现接口2方法
printName = function(){
alert(name);
}
}
//让子类继承父类
subClass.prototype = new superClass();
//实现接口
jQuery.extend(subClass.prototype,IClassName,IAlertName);
//子子类
var childClass = function(){
this.show = function(){
alert(name+" show");
}
}
//使用该类
var s = new subClass();
//s.IsetName("ddd");
//s.IAlert();
//让子子类继承子类
childClass.prototype = new subClass();
var c = new childClass();
c.IAlert();
c.IsetName("yyyy");
c.show();
使用jQuery简化继承接口一块。
jQuery.extend(target,obj1,[objN]) return Object
用一个或多个其他对象来扩展一个对象,返回被扩展的对象。
相关文章推荐
- 基于jQuery,实现JS面向对象编程
- 基于jQuery,实现JS面向对象编程
- jQuery实现图片轮播效果代码(基于jquery.pack.js插件)
- 基于jQuery通过jQuery.form.js插件实现异步上传
- 基于jQuery通过jQuery.form.js插件实现异步上传
- 基于jquery的9行js轻松实现tab控件示例
- 基于jquery,9行js轻松实现tab控件
- 基于jQuery.cookie.js的Cookie实现
- 基于jquery实现智能提示控件intellSeach.js
- ECharts 初识(基于MVC+jQuery+Angularjs实现的Demo)
- 基于jquery实现拆分姓名的方法(纯JS版)
- 基于jquery.page.js实现分页效果
- js实现幻灯片效果(基于jquery插件)
- 基于jquery fly插件实现加入购物车抛物线动画效果,jquery.fly.js
- 完美图片蒙太奇的JS效果基于JQuery实现(多个大小不同图片拼接成图片墙)
- 基于jquery的9行js轻松实现tab控件示例
- js实现幻灯片效果(基于jquery插件)
- 基于SSM使用jquery.from.js实现ajax文件上传
- 基于jquery实现智能提示控件intellSeach.js