JavaScript手写new实现构造函数实例化

😇 思路

在调用new操作符的时候会发生以下四件事

  1. 首先创建一个空对象
  2. 设置原型,将对象的__proto__纸箱构造函数的protype对象
  3. 让函数的this指向这个对象,执行构造函数的代码(为这个新对象添加属性)
  4. 判断函数的返回值类型,如果是值类型,返回创建的对象。如果是引用型对象,则返回这个引用类型的对象

😎 代码实现

function objectFactory(){
	let object=null;
	//shift() 方法移除数组的第一项,并返回该值
	//在这里是获得接收到的第一个参数
	let constructor=Array.prototype.shift.call(arguments);
	let result=null;
	//判断参数是否是一个函数
	if(typeof constructor!=='function'){
		console.error("type error");
		return;
	}
	//新建一个空对象,对象的原型为构造函数的prototype对象
	newObject =Object.create(constructor.prototype);
	//将this指向新建对象,并执行函数
	result=constructor.apply(newObject,arguments);
	//判断返回对象
	let flag=result&&(type of result=='object'||typeof result==='function');
	return flag?result:newObject;
}

//使用方法
objectFactory(构造函数,初始化参数);
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值