new Obj() 与 Object.create(Obj.prototype)的区别

本文对比了使用Object.create和new关键字创建对象的不同之处。Object.create通过设置原型来创建新对象,而new则创建一个新实例并调用构造函数。文章还详细解释了这两种方法的具体实现过程。

先看 Object.create 和new 的区别

以下引用自blueblueskyhua的博客

创建对象的方式,我以我碰到的两种创建方式,Object.create 和new来说明

var Base = function () {}
var o1 = new Base()
var o2 = Object.create(Base)

那这样到底有什么不一样呢?
这里写图片描述

我先来一段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 进行强转作用环境。从而实现了实例的创建。

那么new Obj() 与 Object.create(Obj.prototype)有什么区别呢

以下为原创内容
var Obj = function(){
	console.log('obj\'s constructor')
}

> new Obj()
< obj's constructor
< Obj {}
> Object.create(Obj.prototype)
< Obj {}

—— 得出结论 Object.create(Obj.prototype)将不会触发Obj的构造函数


如果我的文章有帮上什么忙并且您也愿意赏个脸 就扫码领个红包吧(~ ̄▽ ̄)~

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值