js--new 的实现原理

学习资源推荐

  • 创建一个空对象,构造函数中的this指向这个空对象
  • 创建好的新对象被执行 原型 连接
  • 执行构造函数,其中定义的属性和方法被绑定到this指向的对象中
  • 如果构造函数中没有返回其它对象,最终返回this,即当前对象,否则,返回构造函数中返回的对象。

代码

function $new (){

	let obj={};//创建一个空对象
	let [constructor,...args]=[...arguments]

	obj.__proto__=constructor.prototype;
	let res=constructor.apply(obj,args);
	if(res&&(typeof (res)=='object'||typeof (res)=='function')){
		return res;
	}
	return obj;
}
 

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

 $new(Person).name//tom

简写

function _new(fn, ...arg) {
    const obj = Object.create(fn.prototype);
    const ret = fn.apply(obj, arg);
    return ret instanceof Object ? ret : obj;
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值