首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >JavaScript手写new实现构造函数实例化

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

作者头像
henu_Newxc03
发布2022-05-05 18:10:44
发布2022-05-05 18:10:44
6250
举报

😇 思路

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

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

😎 代码实现

代码语言:javascript
复制
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(构造函数,初始化参数);
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-04-30,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 😇 思路
  • 😎 代码实现
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档