老生常谈,new运算符到底干了啥

冬天来了,好好学习,天天向上。
在js里面,得益于字面量对象,我们可以轻松的创建出一个对象,比如var o = {name: 'tom'},就可以直接创建对象o。而在其它oo语言里面,无法通过这样的方式创建一个对象,一般会借助构造方法和new运算符。

先看个例子,

function Person (name) {
  this.name = name
}

function Animal (type) {
  this.type = type
  return {type: 'dog'}
}
const p1 = Person('tom')
const p2 = new Person('tom')

const a1 = Animal('cat')
const a2 = new Animal('cat')

p1,p2,a1,a2分别等于什么?

p1是函数Person执行的结果,而函数Person没有返回值,所以p1 = undefined;同理a1 = {type: 'dog'}

p2是Person的实例, p2 = {name: 'tom'};a2是Animal的实例,a2 = {type: 'dog'}

那么问题来了,为什么不是期望中的a2 = {type: 'cat'}

因为new主要干了下面几件事:

  1. 创建一个新对象o,并将新对象o的原型对象指向构造函数的原型属性
  2. 将构造函数的this指向新对象o
  3. 执行构造函数中的代码,如果返回值是个对象(引用类型)则返回该对象,否则返回新对象o(注意:如果返回null也返回新对象o

针对上面的Person类,可以依据上面的规则写出new函数

const mynew = (Func, name) => {
    let o = {}
    o.__proto__ = Func.prototype
    let res = Func.call(o, name)
    if(res instanceof Object) {
       return res
    } else {
       return o
    }
}

执行mynew函数验证

clipboard.png

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值