JS中new操作符做了什么？

1.new操作符做了什么

new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。new 关键字会进行如下的操作：
创建一个空的简单JavaScript对象（即{}）；
链接该对象（即设置该对象的构造函数）到另一个对象；
将步骤1新创建的对象作为this的上下文；
如果该函数没有返回对象，则返回this。

2.简单实现

function create(Con, ...args){// 创建一个空的对象let  obj = Object.create(null);// 将空对象指向构造函数的原型链Object.setPrototypeOf(obj, Con.prototype);// obj绑定到构造函数上，便可以访问构造函数中的属性，即obj.Con(args)let result = Con.apply(obj, args);// 如果返回的result是一个对象则返回// new方法失效，否则返回objreturn result instanceof Object ? result : obj;
}// 测试
function company(name, address) {this.name = name;this.address = address;}var company1 = create(company, 'yideng', 'beijing');
console.log('company1: ', company1);

作者：Vam的金豆之路

主要领域：前端开发

我的微信：maomin9761

微信公众号：前端历劫之路

JS中new操作符做了什么？相关推荐

js的new操作符做了哪些事情
js的new操作符做了哪些事情 new 操作符新建了一个空对象,这个对象原型指向构造函数的prototype,执行构造函数后返回这个对象.
js中new操作符具体做了什么
创建了一个空的对象将空对象的原型,指向于构造函数的原型将空对象作为构造函数的上下文(改变this指向) 对构造函数有返回值的处理判断 function Fun( age,name ){this.a ...
关于js中delete 操作符的秘密(如何删除对象的属性,清空对象)
开发十年,就只剩下这套架构体系了! >>> 概念再mdn中detele的概念如下. delete 操作符用于删除对象的某个属性:如果没有指向这个属性的引用,那它最终会被释放. ...
11.js的new操作符做了哪些事情？
new 一个构造函数的执行流程 new 在执行时,会做下面这四件事: (1)开辟内存空间,在内存中创建一个新的空对象. (2)让 this 指向这个新的对象. (3)执行构造函数里面的代码,给这个新对 ...
js中使用echarts做图表的动态展示
ECharts 是一个基于 JavaScript 的开源可视化图表库,强烈建议在官网上学习,更清楚明了https://echarts.apache.org/zh/index.html 下面的只做为个人 ...
js中new操作符的作用及原理
要知道new操作符的作用是什么,得先知道它干了什么事(原理): 它创建了一个新对象它将构造函数的原型属性和方法挂载到新对象的__proto__(原型指针)上他执行了构造函数并将构造函数的this指 ...
JS中整数的取整、取余、向上取整问题
1.取余 var i = 5 % 2; //1 2.取整注意JS中的 / 操作符如果两侧的数是整数,他也会当作浮点数进行运算,不会整除,它会保留小数 var i = 5 / 2; //2.5 正确的 ...
vue前端弹出新增页面testAdd，弹出页面中进行数据编辑，table编辑，行编辑等。包含JS中使用Map进行数据处理。
使用vue写的新增页面,编辑页面等弹出页面,在页面中进行table数据的行编辑,利用JS中的Map做的实时响应的行编辑数据内容汇总计算.校验等.话不多说,上代码: require(['vue', 'z ...
这些 JS 中强大的操作符，总有几个你没听说过
大家好,我是若川.今天推荐一篇相对简单些的文章. 大家应该都知道了我最近组织了源码共读活动, 有小伙伴表示读源码上瘾,也很有收获.工作0-5年都可以参与.感兴趣可以加我微信 ruochuan12 私信 ...

JS中new操作符做了什么？

1.new操作符做了什么

2.简单实现

JS中new操作符做了什么？相关推荐

最新文章

热门文章