JS继承二
来源:互联网 发布:360软件助手不见了 编辑:程序博客网 时间:2024/06/16 22:07
这篇开始写几个工具函数实现类的扩展。每个工具函数都是针对特定的写类方式(习惯)。这篇按照构造函数方式写类:属性(字段)和方法都挂在this上。以下分别提供了个类,分别作为父类和子类。
1
2
3
4
5
6
7
8
9
10
11
12
13
// 父类Person
function
Person(nationality) {
this
.nationality = nationality;
this
.setNationality =
function
(n) {
this
.nationality=n;};
this
.getNationality =
function
() {
return
this
.nationality;};
}
// 类Man
function
Man(name) {
this
.name = name;
this
.setName =
function
(n){
this
.name=n;};
this
.getName =
function
(){
return
this
.name;};
}
1,继承工具函数一
1
2
3
4
5
6
7
8
/**
* @param {Function} subCls 子类
* @param {Function} superCls 父类
* @param {Object} param 父类构造参数
*/
function
extend(subCls,superCls,param) {
superCls.call(subCls.prototype,param);
}
使用如下
1
2
3
4
5
extend(Man,Person,
'China'
);
var
m =
new
Man(
'jack'
);
console.log(m.nationality);
//China
console.log(m.setNationality(
'Japan'
));
console.log(m.getNationality(
'Japan'
));
//Japan
输出可以看到Man继承了Person的属性及所有方法。这种继承方式于java的很不一样哦,
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
class
Animal {
int
legs;
Animal(
int
l) {
legs = l;
}
int
getLegs() {
return
legs;
}
}
public
class
Person
extends
Animal{
//属性(字段)
String name;
//构造方法(函数)
Person(
int
legs, String name) {
super
(legs);
//调用父类构造器
this
.name = name;
}
//方法
String getName() {
return
this
.name;
}
public
static
void
main(String[] args) {
Person p =
new
Person(
2
,
"jack"
);
System.out.println(p.legs);
}
}
Java中,子类Person在自身构造方法中调用父类构造方法super(legs),创建对象的时候直接将父类构造参数legs:2传进去,不仅仅只传自己的name:jack。上面JavaScript继承是在extend时传父类构造参数(extend函数的第三个参数),而不是在new Man时将父类构造参数传过去。好,模拟Java来实现下extend,这里巧妙的在子类上暂存了父类引用。
2,继承工具函数二
1
2
3
4
5
6
7
/**
* @param {Function} subCls
* @param {Function} superCls
*/
function extend(subCls,superCls) {
subCls.supr = superCls;
}
还是以Person为父类,来实现子类Woman
1
2
3
4
5
6
7
function
Woman(nationality,name) {
Woman.supr.call(
this
,nationality);
//和java有点类似哦,在子类中调用父类构造器
this
.name = name;
this
.setName =
function
(n){
this
.name=n;};
this
.getName =
function
(){
return
this
.name;};
}
extend(Woman,Person);
最后,创建对象的方式和java也类似,即new的时候同时将父类构造参数(nationality:Japan)传进去。
1
2
3
4
var
w =
new
Woman(
'Japan'
,
'lily'
);
console.log(w.nationality);
//Japan
w.setNationality(
'U.S.A'
);
console.log(w.getNationality());
//U.S.A
- JS继承二
- 浅谈JS继承(二)
- js继承封装(二)
- js继承之二-----借用构造函数
- JS面向对象(二)—继承
- 关于JS中的继承(二)
- node.js面向对象实现(二)继承
- 浅谈js函数继承模式之二:借用模式
- JS继承--组合继承
- JS继承-类继承
- 继承《二》
- Js继承。
- js继承
- js继承
- js 继承
- js继承
- JS 继承
- JS 继承
- Android中可展开的列表组件(ExpandableListView)的使用
- 批量scp脚本——从多台机器拷贝相同文件
- 一个简单的AVR测试程序
- JS继承一
- 单例模式
- JS继承二
- “快排”笔记
- Android 类ListView下拉刷新控件实现 .
- JS继承三
- 开机自检程序在FAT32上做的检查与修复工作
- Asp.net 图片验证码示例
- java中调用web浏览器类库之jdic的配置及简单运用
- JS继承四
- DatePicker日期选择器年月日