JS原型链-创建对象

1.直接声明

var o1 ={name:'o1'};
var o11 = new Object({name:'o11'})

2.显示构造函数创建对象

var M = function(){this.name = 'o2'};
var o2 = new M();

3.

var p = {name:'o3'};
var o3 = Object.create(P)
Object.create的实现方式
Object.create =  function (o) {
    var F = function () {};
    F.prototype = o;
    return new F();
};

Object.create是内部定义一个对象,并且让F.prototype对象 赋值为引进的对象/函数 o,并return出一个新的对象。

再看看var o1 = new Base()的时候new做了什么。
JavaScript 实际上执行的是:
var o1 = new Object();
o1.[[Prototype]] = Base.prototype;
Base.call(o1);

new做法是新建一个obj对象o1,并且让o1的proto指向了Base.prototype对象。并且使用call 进行强转作用环境。从而实现了实例的创建。

测试:

var Base = function () {
    this.a = 2
}
Base.prototype.a = 3;
var o1 = new Base();
var o2 = Object.create(Base);
console.log(o1.a);
console.log(o2.a);

输出:

2
undefined

原因:
为什么通过Object.create构造的连Base原型上的属性都访问不到,因为他压根就没有指向他的prototype。这也就说明了_proto_ 和 prototype 的区别。所以上面在prototype定义的a,只是Base的prototype对象上的一个属性。

再来看看就是:

new关键字必须是以function定义的。
Object.create 则 function和object都可以进行构建。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值