js实现一个new

在开发过程中,我们经常会使用到new关键字,那么在我们使用new关键字的时候,new到底做了什么事呢?
在MDN中有这样一段话:
摘自MDN中关于“new 运算符”一文
知道了new所做的事情,我们就可以根据这些步骤自己来实现一个new的功能啦!

function _new(constructer, ...arg){
	//1、创建一个空对象
 	let obj = {};
 	//2、链接到原型,这样新对象就可以访问原型上的属性和方法
    obj.__proto__ = constructer.prototype;
    //3、将将步骤1新创建的对象作为this的上下文
    let result = constructer.call(obj, ...arg);
    //4、如果该函数没有返回对象(即result不是一个对象),则返回this(即obj)
    return typeof result ==="object" ? result : obj;
}

接下来看下自己实现的new方法的效果:

function Persion(name, age) {
    this.name = name;
    this.age = age;
}

let persion1 = _new(Persion, "tangchan", 18);
let persion2 = _new(Persion, "tc", 20);
console.log(persion1.name);		//tangchan
console.log(persion2.name);		//tc
console.log(persion1 instanceof Persion);	//true
console.log(persion2 instanceof Persion);	//true
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值