JavaScript原型式继承实现方法

网络编程 2024/12/25 佚名

3 2 1

幽灵资源网 Design By www.bzswh.com

这篇文章主要介绍了JavaScript原型式继承实现方法,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

在2006年，有个叫道格拉斯·克罗克福德的人写了一篇文章，题目翻译为中文就是JavaScript中的原型式继承。在此文章里，他介绍了一种实现继承的方法。他的想法是借助原型可以基于已有的对象创建新对象，同时还不必因此创建自定义类型。于是，他就写下了如下的函数：

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

实现方法如下：

//在object()函数的内部，先创建了一个临时性的构造函数，然后将传入的对象作为这个构造函数的原型，最后返回了这个临时类型的一个新实例
  var person = {
    name:"Nick",
    friends:["xiaowang","xiaochen"]
  };
  var person1 = object(person);
  person1.name = "Mike";
  person1.friends.push("xiaozhang");

  var person2 = object(person);
  person2.name = "lifei";
  person2.friends.push("xiaoli");
  console.log("person1:" + person1.name);
  console.log("person2:" + person2.name)
  console.log("person1 friends:" + person1.friends);
  console.log("person2 friends:" + person2.friends);
  console.log("all friends:" + person.friends);

运行结果如下：