js基础复习之自己实现一个new方法

我们要知道new一个新的对象的时候,底层做了下面4件事情:

  1. 新生成了一个对象,即{}
  2. 链接到原型(通俗理解就是new出来的新对象隐式原型__proto__链接到构造函数显式原型prototype上)
  3. 绑定 this,将步骤 1 新创建的对象作为 this 的上下文(实际是执行了构造函数 并将构造函数作用域指向新对象)
  4. 返回新对象
function _new(constructor, ...arg) {
	var obj = {}
	obj.__proto__ = constructor.prototype
	var result = constructor.apply(obj, arg) // 这一步绑定constructor内部的this到obj上,并且执行constructor构造函数
	return Object.prototype.toString.call(result) === '[object Object]' ? result : obj
}
// 测试
const myFunc = function(name) {
    this.name = name
}

var res = _new(myFunc, 'DeanWade')
console.log(res)

在这里插入图片描述

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值