构造函数的返回值和new操作符

  • 构造函数的返回值
// 返回值为基础类型
function Super () {
  this.name = 'Super'
  return 1
}
const sup = new Super()
console.log(sup) // Super {name: 'Super'}

// 返回值为引用类型
function Super () {
  this.name = 'Super'
  return new Set([1, 3, 5])
}
const sup = new Super()
console.log(sup) // Set(3) {1, 3, 5}
  • new 都做了什么
  1. 首先创建了一个空对象 {}
  2. 将空对象的原型对象指向构造函数的原型对象
  3. 改变构造函数的上下文(this)为这个空对象
  4. 处理构造函数的返回值
    如果构造函数返回值为基础类型,就忽略返回值
    如果构造函数返回值为引用类型,就使用该返回值,new的操作无效
  • 代码的简单实现
/**
 * Sup是new后边的构造函数
 * arg是接收的入参
 */
function newObj (Sup, ...arg) {
  const obj = {} // 创建一个空对象
  Object.setPrototypeOf(obj, Sup.prototype) // 将obj的原型对象指想构造函数的原型对象
  const res = Sup.apply(obj, arg) // 将构造函数的this指向改为obj
  return res instanceof Object ? res : obj // 处理构造函数的返回值
}

Object.setPrototypeOf(obj, prototype)
*将一个指定的对象的原型设置为另一个对象或者null(既对象的[[Prototype]]内部属性).

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值