Fork me on GitHub

js面向对象编程-非构造函数的继承

重新复习 – js面向对象编程知识,本文介绍-对象之间的非构造函数实现”继承”。

先来两个对象(父类和子类)

1
2
3
4
5
6
7
let Chinese = {
nation: '中国'
};

let Doctor = {
career: '医生'
};

一、object()方法

1
2
3
4
5
6
7
8
9
10
11
12
13
let Chinese = {
nation: '中国'
};

function object (o) {
function F () {};
F.prototype = o;
return new F();
}

let Doctor = object(Chinese);
Doctor.career = '医生';
console.log(Doctor.nation) // 中国
这个object()函数,其实只做一件事,就是把子对象的prototype属性,指向父对象,从而使得子对象与父对象连在一起。

浅拷贝

把父对象的属性,全部拷贝给子对象,也能实现继承。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
let Chinese = {
nation: '中国'
};

function extendCopy (p) {
let c = {};
for (let i in p) {
c[i] = p[i];
}
return c;
}
let Doctor = extendCopy(Chinese);
Doctor.career = '医生';
console.log(Doctor.nation) // 中国
存在问题:只拷贝基本类型,对于引用类型拷贝内存地址,存在父对象别篡改的可能。

深拷贝

所谓"深拷贝",就是能够实现真正意义上的数组和对象的拷贝。它的实现并不难,只要递归调用"浅拷贝"就行了。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
let Chinese = {
nation: '中国',
cities: ['成都', '北京']
};
function deepCopy(p, c) {
var c = c || {};
for (let i in p) {
if (typeof p[i] === 'object') {
c[i] = (p[i].constructor === Array) ? [] : {};
deepCopy(p[i], c[i]);
} else {
c[i] = p[i];
}
}
return c;
}
let Doctor = deepCopy(Chinese);
Doctor.career = '医生';
console.log(Doctor.cities) // ["成都", "北京"]

参考:
阮老师-Javascript面向对象编程(三):非构造函数的继承

-------------本文结束感谢您的阅读,如果本文对你有帮助就记得给个star-------------
Donate comment here