蝙蝠岛资源网

JavaScript原型式继承实现方法
网络编程 2024/12/25 佚名
2 0
蝙蝠岛资源网 Design By www.hbtsch.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);

运行结果如下：

JavaScript原型式继承实现方法

哇，怎么和原型链继承模式一样，不管你建了多少个实例，这个父类的引用值始终都会被这些个子类所创建的实例共享，所以这种继承方式名为原型式继承，和原型链就差一个字=。=

对咯，在ES5中，新增了Object.create()方法规范化了原型式继承，它有两个参数，第一个参数是用作新对象原型的对象，第二个参数是可选的，是一个为新对象定义额外属性的对象。在传入一个参数的时候，这个方法是和object()方法一样一样的！

标签：
javascript,原型式,继承
蝙蝠岛资源网 Design By www.hbtsch.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
蝙蝠岛资源网 Design By www.hbtsch.com

评论“JavaScript原型式继承实现方法”

暂无JavaScript原型式继承实现方法的评论...
www.hbtsch.com 蝙蝠岛资源网
139,976影音资源
144,792福利资源
21,817软件资源
631,128技术资源

更新日志

友情链接

杰晶网络 DDR爱好者之家 桃源资源网 杰网资源 富贵资源网 南强小屋 铁雪资源网 幽灵资源网 万梅资源网 狼山资源网 白云岛资源网 昆仑资源网 相思资源网 明霞山资源网 内蒙古资源网 黑松山资源网 茶园资源网 饿虎岗资源网 大旗谷资源网 常春岛资源网 岱庙资源网 兴国资源网 快活林资源网 蝙蝠岛资源网 帝王谷资源网 白云城资源网 伏龙阁资源网 清风细雨楼 天枫庄资源网 圆月山庄资源网 无争山庄资源网 神水资源网 移花宫资源网 神剑山庄资源网 无为清净楼资源网 金钱帮资源网 丐帮资源网 华山资源网 极乐门资源网 小李飞刀资源网 凤求凰客栈 风云阁资源网 金狮镖局 鸳鸯亭资源网 千金楼资源网 更多链接
蝙蝠岛资源网 Design By www.hbtsch.com