JavaScript学习笔记(5)---继承
来源:互联网 发布:图像去雾算法 编辑:程序博客网 时间:2024/05/22 02:12
//创建类的工厂
function createClass(json){
//声明了一个对象、函数
function F(){
}
for(var i in json){
F.prototype[i]=json[i];
}
//把json的全部key、value值赋给F
return F;
}//这个方法就是对继承的封装
//调用createClass方法,传进接送格式参数
var Person = createClass({
setName:function(name){
this.name=name;
},
setSex:function(sex){
this.sex=sex;
},
getName:function(){
return this.name;
},
getSex:function(){
return this.sex;
}
});
var p =new Person();
p.setName("aaa");
p.setSex("girl");
alert(p.getName());
alert(p.getSex());
function extend(json,prop){
function F(){
}
//传递进来的json是一个对象的时候经过该if语句
if(typeof json=="object"){
//把json对象里面所有的内容复制给F函数
for(var i in json){
F.prototype[i]=json[i];
}
}
//第二次调用extend函数的时候执行该if语句
if(typeof json=="function"){
//相当于继承了json
F.prototype = json.prototype;
//把prop里面的内容动态的赋值给F的prototype
for(var j in prop){
F.prototype[j]=prop[j];
}
}
return F;
}
//第一次调用extend函数的时候传递了一个参数,而这个时候的json是一个json格式的对象
var Person=extend({
a:1,
b:2
});
//第二次调用extend函数的时候传递了两个参数,而这个时候的json是一个function
var SupPerson = extend(Person,{
c:3,
d:4
});
var sp = new SupPerson();
alert(sp.a);
alert(sp.b);
alert(sp.c);
alert(sp.d)
- JavaScript学习笔记(5)---继承
- 《JavaScript学习笔记》:继承
- javascript 学习笔记(5)---继承
- JavaScript学习笔记(5)---继承2
- JavaScript学习笔记之继承
- JavaScript学习笔记3-JavaScript中的继承
- JavaScript高级程序设计-学习笔记5(继承)
- 《JavaScript高级程序设计》学习笔记(继承)
- javascript学习笔记(二)--继承
- 《悟透javascript》学习笔记:X、深入继承
- java web学习笔记(javascript继承)
- JavaScript学习笔记(三十一) 经典继承模式
- JavaScript学习笔记——继承
- JavaScript学习笔记(三十七) 原型继承
- JavaScript学习笔记(三十八) 复制属性继承
- JavaScript 学习笔记八 继承与引用
- 学习笔记:javascript中的六种继承
- JavaScript学习笔记二十二:class继承
- mysql---基本操作
- UINavigationController层次关系
- 淘宝PK京东:哥刷的不是广告,刷的是存在
- 解决android4.0后版本EditText边框不全显示的问题
- Linux操作系统下三种配置环境变量的方法
- JavaScript学习笔记(5)---继承
- [Phonegap+Sencha Touch] 移动开发27、禁用iOS系统的webapp电话号码自动识别
- HTML5处理响应式图片
- 关于主键列执行批量删除单表数据的存储过程,
- HDU 3699 A hard Aoshu Problem (暴力搜索)
- 文件目录的查看与权限
- swift for-in循环中"..."与".."的区别
- 字符编码知识:Unicode、UTF-8、ASCII、GB2312等编码 及 转换
- Amazon CloudFront简介