深入理解JavaScript系列(46):代码复用模式(推荐篇)详解

前端技术 2023/09/05 JavaScript

介绍

本文介绍的四种代码复用模式都是最佳实践,推荐大家在编程的过程中使用。

模式1:原型继承

原型继承是让父对象作为子对象的原型,从而达到继承的目的:

复制代码 代码如下:

function object(o) {
    function F() {
    }

    F.prototype = o;
    return new F();
}

// 要继承的父对象
var parent = {
    name: \"Papa\"
};

// 新对象
var child = object(parent);

// 测试
console.log(child.name); // \"Papa\"


// 父构造函数
function Person() {
    // an \"own\" property
    this.name = \"Adam\";
}
// 给原型添加新属性
Person.prototype.getName = function () {
    return this.name;
};
// 创建新person
var papa = new Person();
// 继承
var kid = object(papa);
console.log(kid.getName()); // \"Adam\"


// 父构造函数
function Person() {
    // an \"own\" property
    this.name = \"Adam\";
}
// 给原型添加新属性
Person.prototype.getName = function () {
    return this.name;
};
// 继承
var kid = object(Person.prototype);
console.log(typeof kid.getName); // \"function\",因为是在原型里定义的
console.log(typeof kid.name); // \"undefined\", 因为只继承了原型

本文地址:https://www.stayed.cn/item/13617

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。