手写一个new操作符

太过爱你忘了你带给我的痛 2021-09-30 03:12 338阅读 0赞

**代码**

// 实现一个new操作符
        function myNew() {
            // 创建一个新对象obj
            let obj = new Object();
            // 取参数的第一项为构造函数fn,这里可以写(arguments,1)也可以直接(arguments)，都是代表参数的第一项，取构造函数
            let fn = [].shift.call(arguments);
    
            // 将obj.__proto__连接到构造函数fn的原型
            obj.__proto__ = fn.prototype;
            // result接收构造函数执行后的返回结果
            let result = fn.apply(obj, arguments);
            // 如果构造函数返回一个对象，则将该对象返回，否则返回步骤1创建的对象
            return typeof result === 'object' ? result : obj;
        }
    //测试
        function Person(name) {
            this.name = name;
        }
    
        var p2 = myNew(Person, "小明");
        console.log(p2.name);

解释：

1.  let fn = \[\].shift.call(arguments);  
    \[\] 可以替换为 Array.prototype  
    shift:方法原理就是根据传入的参数（值）对原数组（或者类数组）进行遍历获取，赋给新数组然后返回。如果没有参数便复制整个原数组（或者类数组），后赋给新数组然后返回。  
    call:第一个参数都是一个对象或者 ‘this’ 注意this加引号了， apply第二个参数接收一个数组，call则不是，call可以有n个参数有多少放多少就行

**重点**  
slice内部实现是使用的this代表调用对象,那么当\[\].slice.call() 传入 arguments对象的时候，通过 call函数改变原来 slice方法的this指向, 使其指向arguments，并对arguments进行复制操作，而后返回一个新数组。至此便是完成了arguments类数组转为数组的目的！

## 其实这可以理解为，让类数组调用数组的方法！ ##

发表评论取消回复

表情：

评论列表（有 0 条评论，338人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS 面试问题: 手写 new

操作符可以创建一个用户自定义的对象类型或者创建一个带有构造函数的内置对象类型.方式调用时, 这个函数被当作一个构造函数.有了上面的介绍, 就可以开始写代码了。

Myth丶恋晨/ 2024年05月24日 03:22/ 0 赞/ 71 阅读

相关 JavaScript：new操作符

一、new操作符的作用用于创建一个给定构造函数的实例对象 new操作符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。二、new一个构造函

痛定思痛。/ 2024年03月22日 12:52/ 0 赞/ 81 阅读

相关 [JavaScript]new操作符做了什么？如何实现一个 new?

做了什么？ 1、创建了一个空的js对象（即\{\}） 2、将空对象的原型prototype指向构造函数的原型 3、将空对象作为构造函数的上下文（改变this指向）

- 日理万妓/ 2022年12月10日 14:40/ 0 赞/ 204 阅读

相关手写一个Tomcat

作为一个java学习的起步者，对tomcat的认识还是有很多的欠缺，在无意中发现了这篇文章，便在自己的环境下尝试搭建，收获良多：分以下几个步骤：（1）提供Socke

ゞ浴缸里的玫瑰/ 2022年12月04日 09:18/ 0 赞/ 266 阅读

相关 JS 手写 new

JS 手写 new <!DOCTYPE html> <html lang="en"> <head> <meta

深藏阁楼爱情的钟/ 2022年11月01日 04:20/ 0 赞/ 22 阅读

相关实现一个new操作符

实现new操作符 function New(func) \{ var res = \{\}; if (func.prototype !== null) \

清疚/ 2022年10月31日 12:14/ 0 赞/ 13 阅读

相关 new操作符

1、创建一个空对象，并且 this 变量引用该对象，同时还继承了该函数的原型。 2、属性和方法被加入到 this 引用的对象中。 3、新创建

男娘i/ 2022年07月15日 09:22/ 0 赞/ 239 阅读

相关 new本质（原理），手写实现一个 new

灵魂两问： 1. new 的原理是什么？ 2. 通过 new 的方式创建对象和通过字面量创建有什么区别？生成对象方式 let a = {age: 1};

系统管理员/ 2022年03月17日 02:46/ 0 赞/ 304 阅读

相关手写一个new操作符

代码 // 实现一个new操作符 function myNew() { // 创建一个新对象obj l

太过爱你忘了你带给我的痛/ 2021年09月30日 03:12/ 0 赞/ 339 阅读

相关手写new

new运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。 function Foo(name){ this.name = name

系统管理员/ 2021年09月20日 00:34/ 0 赞/ 353 阅读