您的位置:首页 > 其它

面向对象三种方法实现继承的优缺点,及改进

2017-05-17 21:08 204 查看
function Shape() {}

function Rect() {}

// 方法1
Rect.prototype = new Shape();

// 方法2
Rect.prototype = Shape.prototype;

// 方法3
Rect.prototype = Object.create(Shape.prototype);

Rect.prototype.area = function () {
// do something
};


方法1:
优点:正确设置原型链实现继承
优点:父类实例属性得到继承,原型链查找效率提高,也能为一些属性提供合理的默认值
缺点:父类实例属性为引用类型时,不恰当地修改会导致所有子类被修改
缺点:创建父类实例作为子类原型时,可能无法确定构造函数需要的合理参数,这样提供的参数继承给子类没有实际意义,当子类需要这些参数时应该在构造函数中进行初始化和设置
总结:继承应该是继承方法而不是属性,为子类设置父类实例属性应该是通过在子类构造函数中调用父类构造函数进行初始化

方法2:
优点:正确设置原型链实现继承
缺点:父类构造函数原型与子类相同。修改子类原型添加方法会修改父类

方法3:
优点:正确设置原型链且避免方法1.2中的缺点
缺点:ES5方法需要注意兼容性
改进:

所有三种方法应该在子类构造函数中调用父类构造函数实现实例属性初始化
function Rect() {
Shape.call(this);
}

用新创建的对象替代子类默认原型,设置
Rect.prototype.constructor = Rect;


保证一致性
第三种方法的polyfill:
function create(obj) {
if (Object.create) {
return Object.create(obj);
}

function f() {};
f.prototype = obj;
return new f();
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息