qq_40086260
2021-02-09 10:39
采纳率: 53.8%
浏览 62

构造函数Array(..)不要求必须带new关键字。不带时,它会被自动补上 这句话怎么理解?

我选中的这句话 我不是很能理解。new关键字会在函数运行时隐式地执行this=Object.create(fn.prototype),并把这个this return出去

那么new加不加关键字执行结果肯定是不一样的 ,书中说Array不加new关键字会自动补上?仅仅因为Arrar是内置函数所以会自动补上new关键字吗,不是很理解,想请教大神一下

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

5条回答 默认 最新

  • 天际的海浪 2021-02-09 18:43
    已采纳

    它就是在Array内置函数中判断如果this的的原型不是Array 则用new重新调用一下。
    类似于下面自定义对象的做法
     

    function myObj(n) {
    	if (this==undefined || this.__proto__!=myObj.prototype){
    		return new myObj(...arguments);
    	}
    	this.name = n;
    }
    myObj.prototype.fun = function () {
    	alert(this.name);
    }
    
    let a = new myObj(5);
    a.fun();
    let b = myObj(3);
    b.fun()
    
    
    点赞 评论
  • bosaidongmomo 2021-02-09 10:40

    js定义数组 是 let a = [];就可以的

    不像java 和 c# 要 new Array()

    点赞 评论
  • damoneric_guo 2021-02-09 11:09

      当数组作为函数调用而不是构造函数调用时,它会创建并初始化一个新的数组对象。因此当Array(...)和new Array(...)接收同样的参数时,它们是相同的。

    调用构造函数Array创建数组的方法

    a 无参数

        var a = new Array();

        => []空数组;

    b 一个数值参数

        var a = new Array(5);

        => [undefined*5]稀疏数组;

    c 两个或多个数组元素或者一个非数值元素

        var a = new Array('2ab'); var a = new Array(2, 'a', 'b');

        => ['2ab']和[2, 'a', 'b'];

    ES6中新增方法Array.of(),  将所有传入参数作为新建数组的元素,即使传入单个数值元素,Array.of(5) => [5];

    点赞 评论
  • damoneric_guo 2021-02-09 11:38

    Object.create 方法原理是上图的。源码如下:

    Object.ObjectCreate = (proto, propertiesObject)=> {
        // 对输入进行检测
        if (typeof proto !== 'object' && typeof proto !== 'function' && proto !== null) {
            throw new Error(`Object prototype may only be an Object or null:${proto}`);
        }
        // 新建一个对象
        const result = {};
        // 将该对象的原型设置为proto
        Object.setPrototypeOf(result, proto);
        // 将属性赋值给该对象
        Object.defineProperties(result, propertiesObject);
        // 返回该对象
        return result;
    }

    点赞 评论
  • damoneric_guo 2021-02-09 11:39

    JS定义数组变量时,在不需要给定数组的维度和长度的情况下,通常有两种方法:

    1、var arrTest=new Array();

    2、var arrTest=[];

    两者效果一样。但是经过查看与对比,在各种对外公开的JS大型开源类库的代码中,第一种方法基本看不到。又或者你曾经尝试过下面这段代码:

    console.time('using[]')

    for(var i=0; i<2000000; i++){var arr = []};

    console.timeEnd('using[]')

     

    console.time('using new')

    for(var i=0; i<2000000; i++){var arr = new Array};

    console.timeEnd('using new')

    你会发现下面这段代码的结果有一些有意思的规律,那就是:使用using new的时间总是会比using []来的长。哦,yes,有可能你会觉得是因为代码的顺序的问题,那么我们改一下代码的顺序,但是你会很遗憾的发现,结果依然是使用using new的时间总是会比using []来的长,是不是感觉很神奇?下面就是本人对此问题收集到的一些解释和自己对这个问题的理解。

    对使用Array和[]创建数组的区别的解释

      针对这个问题进行了搜索与寻找。在CSDN上找到一篇关于new Array()与[]的差别的讨论帖。帖子中提到了两者的细微差别:使用new关键字的方法会在内存中开辟一些空间,用来记录与存储该变量,也就是这是一个实例化过程。
      以下为原帖中引用的记录:
      “new关键字的使用,除了在需要实例化一个对象,或罕见的需要延时加载数据的情况外,你基本上不需要使用new关键字。在Javascript里分配大量的new变量地址是一项很慢的操作,为了效率起见,你应该始终使用对象符号。
      在另外一个搜索结果中,有提到这样的一个说法:“很简单,Array()是一个对象,[]是一个数据原型。使用new Array()系统每次都会新生成一个对象(浏览器每生成一个对象都会耗费资源去构造他的属性和方法),他的子集是[];个人推荐使用[],效率高。浏览器对于CPU很吃紧,所以很多时候要有技巧。比如数字转换成字符只要a=a+'';就可以了,比用String效率高了很多。但是如果乱用是会造成错误的

      我有提到过一种数据包装类型,创建一个字符串的方式有:‘字符串’或者是new String('字符串'),一种是直接创建了一个字符串,一个是调用字符串的构造函数创建字符串对象然后再创建这个字符串,中间多了一个创建对象的过程,也许这在一般情况下是看不出什么区别的,但是像上述例子中,当这个技术足够大的时候,就会发现了问题所在。因此,如果可以通过[]创建一个纯净的数组,就不需要通过new Array()来创建数组。
    这便是我对创建数组的两种方式的理解,如果有说的不对的地方希望读者指正,也希望能够对一些读者有所帮助。

    点赞 评论

相关推荐 更多相似问题