new运算符的模拟实现
程序员文章站
2022-08-21 17:59:41
new运算符的模拟实现
一句话介绍javascript中的new运算符
new运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象类型之一
我们都知道在ja...
new运算符的模拟实现
一句话介绍javascript中的new运算符
new运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象类型之一
我们都知道在javascript中new运算符是利用构造函数的方式创建对象的,今天就来模拟一个这个new运算符的功能。
new关运算符通过构造函数创建对象得到的对象,来分析一下
1.得到的对象的属性中有构造函数中this所绑定的属性 2.得到的对象可以访问构造函数原型链上的属性和方法。
基于上面两点来聊一下模拟new有那些注意点
使用new利用构造函数创建对象的返回值
当函数没有返回值的时候,默认返回为this 当函数返回一个对象的时候,返回值为此对象 当返回值为null,undefined,等原始值 的时候 返回this 当返回值为对象,数组,function的时候返回次类型this属性的赋值
函数中this的属性的写操作都会被赋予到返回的对象上面函数原型链的继承
返回的对象会继承函数的原型链根据以上注意点来用代码模拟一下new,由于new是一个关键字,所以使用函数的形式来模拟一下。
function objectfactory() { var constructor = [].shift.call(arguments); var obj = object.create(constructor.prototype); var result = constructor.apply(obj, arguments); return object.prototype.tostring.call(result).match(/^\[object (\w+)\]$/)[1] === "object" || "function" result : obj; }
代码详解
通过[].shift.call(arguments)的方式把arguments的第一位参数(也就是构造函数)截下来,这里注意数组的shift方法改变原数组; 通过object.create创建对象的方式创建对象,并继承constructor.prototype 通过apply改变函数中this指向的方法将构造函数中的this属性赋值赋予对象, 通过正则加类型判断判定返回值。就到这里了,有什么不足和错误的话欢迎指出。主页传送门
上一篇: 小米手机海外会涨价?王翔回应
推荐阅读
-
详解C#用new和override来实现抽象类的重写区别
-
ES5 模拟 ES6 的 Symbol 实现私有成员功能示例
-
移动端html5模拟长按事件的实现方法
-
利用es6 new.target来对模拟抽象类的方法
-
如何使用Python的Requests包实现模拟登陆
-
php模拟asp中的XmlHttpRequest实现http请求的代码
-
Python实现windows下模拟按键和鼠标点击的方法
-
在 Vue-CLI 中引入 simple-mock实现简易的 API Mock 接口数据模拟
-
Python实现的银行系统模拟程序完整案例
-
在 Angular-cli 中使用 simple-mock 实现前端开发 API Mock 接口数据模拟功能的方法