您的位置:首页 > Web前端 > JavaScript

JS面向对象学习笔记(三)

2015-05-11 18:15 766 查看

非构造函数的继承

1.什么是“非 构造函数继承”

例如,有两个对象

var Chinese = {
nation: '中国';
}

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


如何才能让doctor去继承chinese?

注意:这两个对象都是普通对象,不是构造函数。

object()方法

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


这个函数把子对象的prototype属性,指向父对象,从而使子与父连在一起。

var Doctor = object(Chinese);

Doctor.career = '医生';

alert(Doctor.nation); // 中国


浅拷贝

除了使用prototype链以外,把父对象的属性,全部拷贝给子对象,也能实现继承。

function extendCopy(p){
var c = {};
for(var i in p) {
c[i] = p[i];
}
c.uber = p;
return c;
}


缺点:如果父对象的属性等于数组或另一个对象,那门实际上,子对象获得的只是一个内存地址,因此存在父对象被篡改的可能。

var Doctor = extendCopy(Chinese);
Doctor.career = '医生';
alert(Doctor.nation); // 中国

Chinese.birthPlaces = ['北京','上海','香港'];
var Doctor = extendCopy(Chinese);
Doctor.birthPlaces.push('厦门');

 alert(Doctor.birthPlaces); //北京, 上海, 香港, 厦门
  alert(Chinese.birthPlaces); //北京, 上海, 香港, 厦门


深拷贝

function deepCopy(p,c) {
var c = c || {};

4000
for(var 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;
}


var Doctor = deepCopy(Chinese);
Chinese.birthPlaces = ['北京','上海','香港'];
Doctor.birthPlaces.push('厦门');

alert(Doctor.birthPlaces); //北京, 上海, 香港, 厦门
alert(Chinese.birthPlaces); //北京, 上海, 香港


参考blog:

面向对象
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: