码迷,mamicode.com
首页 > 其他好文 > 详细

浅谈Object.create

时间:2018-02-19 17:51:51      阅读:160      评论:0      收藏:0      [点我收藏+]

标签:根据   面向   post   blog   属性   return   console   undefined   pos   

在网上发现了Object.create的用法,感觉很是奇怪,所以学习记录下

1 var o = Object.create(null);
2 console.log(o); // {}
3 o.name = ‘jian‘;
4 var o2 = Object.create(o);
5 console.log(o2); // {}
6 console.log(o2.name); // ‘jian‘, 

百度了一下原理:

1 Object.create =  function (o) {
2     var F = function () {};
3     F.prototype = o;
4     return new F();
5 };

再看一段代码:

1 var Base = function () {2 }
3 Base.prototype.a = 3;
4 var o1 = new Base();
5 var o2 = Object.create(Base);
6 console.log(o1.a);//3
7 console.log(o2.a);//undefined
8 o2.__proto__.prototype.a//3

为什么呢:因为o2的原型链中并没有a这个属性但是根据之前代码Object.create的原理来看return new F();

那么假设这个o2=new F();因此可以推出o2.__proto__ = F.prototype=Base(此原理请参见之前文章面向对上中的图二),而Base.prototype.a = 3;

因此o2.__proto__.prototype.a=3

浅谈Object.create

标签:根据   面向   post   blog   属性   return   console   undefined   pos   

原文地址:https://www.cnblogs.com/ones/p/8453984.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!