JS原型继承实例

转载于 2012-05-12 10:52:36 发布 · 1k 阅读

文章标签：

#function #object #测试

JavaScript 专栏收录该内容

34 篇文章

订阅专栏

本文介绍了JavaScript中使用函数作为构造函数和原型继承的基本概念，通过实例演示如何创建和继承对象，以及如何在原型上添加属性和方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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", 因为只继承了原型