首页 > 作文

new运算符的模拟实现

更新时间:2023-04-03 12:47:30 阅读: 评论:0

new运算符的模拟实现

一句话介绍javascript中的new运算符

new运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象类型之一

我们都知道在javascript中new运算符是利用构造函数的方式创建对象的,今天就来模拟一个这个new运算符的功能。

new关运算符通过构造函数创建对象得到的对象,来分析一下

1.得到的对象的属性中有构造函数中this所绑定的属性2.得到的对象可以访问构造函数原型链上的属性和方法。

基于上面两点来聊一下模拟new有那些注意点

使用new利用构造函数创建对象的返回值

当函数没有返回值的时候,默认返回为this 当函数返回一个对象的时候,返回值为此对象 当返回值为null,undefined,等原湖北三峡职业学院始值 的时候 返回this 当返回值为对象,数组,function的时候返回次类型

this属例会内容怎么写性的赋值

函数中this的属性的写操作都会被赋予到返回的对象上面

函数原型链的继承

返回的对象会继承函数的原型链

根据以上注意点来用代码模拟一下new,由于new是一个关键字,所以使用函数的形式来模拟一下。

functio卵生哺乳动物n 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创建对象的方式创7fan建对象,并继承constructor.prototype 通过apply改变函数中this指向的方法将构造函数中的this属性赋值赋予对象, 通过正则加类型判断判定返回值。

就到这里了,有什么不足和错误的话欢迎指出。主页传送门

本文发布于:2023-04-03 12:47:28,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/zuowen/d99aed8781dfa7c1a86452b15579f755.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

本文word下载地址:new运算符的模拟实现.doc

本文 PDF 下载地址:new运算符的模拟实现.pdf

标签:函数   对象   运算符   属性
相关文章
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图