对Array.apply()用法的理解

于 2024-01-05 13:35:04 发布
阅读量621 收藏 10
点赞数 12
文章标签： javascript 开发语言 ecmascript vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44429641/article/details/135407030
版权

        看vue的渲染函数部分有以下代码:

        直接在mdn搜索`Array.apply`可以发现并没有结果:

        继续搜索`apply`,发现apply是Function构造函数原型对象上的方法:

        假设xxx是一个函数,那么xxx.apply(thisArg[,argsArray]) 会将argsArray这个类数组对象作为参数传给xxx函数,并且修改xxx函数内部的this指向thisArg.

        继续在mdn上搜索`Array`关键字:

        可以看到Array是一个构造函数,当只传递一个参数且该参数是一个数字时,Array构造函数会返回一个js数组同时会将这个js数组的`length`属性设置为该参数的值.

        由此可见,Array.apply(null,{length:20}),相当于调用了构造函数Array(20),且会将内部this指向改为null(会导致原本应该返回20个空槽元素的js数组 变成 返回20个undefinded的js数组)

madlife12327
关注
  • 12
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Array.prototype.slice.apply的使用方法
12-10
代码如下: function test(){　 　//将参数转为一个数组　 　 var args = Array.prototype.slice.apply(arguments);　 　alert(args);　 } arguments在JavaScript语法中是函数特有的一个对象属性(Arguments对象)，用来引用调用该函数时传递的实际参数。这个对象很象数组，拥有length属性且使用下标的形式来获取其元素，但它又并非真正的Array对象。更多关于Arguments对象的资料请参阅《JavaScript权威指南》。 　　所以，直接调用arguments.slice()将返回一个”Ob
Array.apply 方法的使用
weixin_34111819的博客
03-26 1051
Array.apply(null, {length: 5}) length为特殊字段，意思是生成一个长度为5的数组，由于没赋值，所以都是undefined; 如果要赋值，可以这样 console.log(Array.apply(null, {0:'a', 1: 'b', 2: 'c', 3: 'd', 4: 'e', length:5})); //["a", "b", "c", "d", "e"...
Array.apply(arr,Array())
weixin_30273763的博客
02-23 269
　　这是自己没事写代码时发现的 下面是整段代码 var result = Array.apply(this, Array(5)).map((item, i) => { return 0; }) 这段代码生成了一个result = [0,0,0,0,0]的数组 为什么不用 result = new Array(5)呢？ 因为这样的resul...
Array.apply(null,{length:3})
qq_23392341的博客
12-27 643
var arr=Array.apply(null,{length:3})相当于var arr=Array.apply(window,{length:3})又相当于：var arr=Array.apply(window,[undefined,undefined,undefined])window.Array(undefined,undefined,undefined) Array(undefined,
分析Array.apply(null, { length: 20 })
蚁族的奋斗的博客
12-27 240
分析Array.apply(null, { length: 20 })
JS数组降维的实现Array.prototype.concat.apply([], arr)
11-21
把多维数组（尤其是二维数组）转化为一维数组是业务开发中的常用逻辑，最近跟着黄轶老师学习Vue2.6.1.1版本源码时,看到源码对二维数组降维的代码,所以这里来写一篇,记录一下,加强印象 二维数组降为一维数组 循环...
JS数组降维–Array.prototype.concat.apply([], arr)
01-08
JS数组降维–Array.prototype.concat.apply二维数组降为一维数组循环降维concat降维apply和concat降维Vue2.6.11版本源码降维多维数组降为一维数组递归降维 把多维数组（尤其是二维数组）转化为一维数组是业务开发中...
Array.apply(null,{length: 99}) 逻辑解析
前端知识分享喵
02-23 365
本文的主要目的源于Vue中一个很有意思的案例：就是通过 lodash-es 打乱下图中文字的顺序，并让其变化过程中呈现动画效果。 里面涉及到了 vue3 的 move 动画，shuffle 打乱数组数据的函数、页面的 grid 布局，而本文的主要目的是讲解快速生成所需数组的方式，里面涉及到一些 ES6 的数组知识，如果不够了解，最好去看一下。这里简单列举一下相关的知识：
Array.apply(null, { length: 20 })的用法
想搞全栈的前端
03-21 986
今天再看VUE的渲染函数，看到apply一个很特殊的用法： apply(null, { length: 20 }) render: function (createElement) { return createElement('div', Array.apply(null, { length: 20 }).map(function () { return createEl...
Array.apply(arr,arguments) 的理解
u013182438的博客
04-15 6319
var iAmArray = function(){ return arguments; };这里不用管this，下面是正常调用它的三种方式：//方便你复制到 Console 中测试，在此再写一遍 var iAmArray = function(){ return arguments; }; //普通写法 iAmArray(1,2,3); /* [1, 2, 3] */ ...
Array.apply生成数组小结
weixin_33811961的博客
04-13 1708
发现问题 今天在学习vue时，在文档的一个例子中发现一个代码片段 Array.apply(null, { length: 20 }).map(function () { return createElement('p', 'hi') }) // 目的是为了创建一个20次的循环 复制代码 这让我想起来之前在学习中写demo时，想要用forEach来做一个若干次的循环（觉得写for...
JS Array.apply()、new Array()、Array.form()的区别
alokka的博客
03-20 2555
本文内容有参考 Array.apply(),new Array(),arr =[] 三者的区别 文章 看 vue 渲染函数的时候，发现了数组的一种新的写法，之前知道 new Array(20) 可以建一个长度为20的数组，还知道 Array.form({length: 20}) 也可以建一个长度为20的数组，可是不知道这三个的区别，所以有时间我就对这三种写法写了一个总结 ...
js中Array.apply(null,Array(3))与Array(3)的区别是什么？
weixin_30662849的博客
09-25 251
0.642017.09.15 18:12:35字数 434阅读 2992 遇见问题 在看 vue.js官方文档的时候，发现了这么一段： 我没明白其中的Array.apply(null, { length: 20 }), 为何不直接使用new Array(20)呢? 尝试 我尝试了下面的代码,发现长度为20的数组并未赋值为777，why...
Array类型（apply）
最新发布
dxn16638400024的博客
07-29 190
以上代码创建了两个数组 arr1 和 arr2，使用 concat() 方法将它们合并成一个新的数组 arr，使用 apply() 方法在 arr1 上调用 concat() 方法，并传递 arr2 作为参数。这与直接使用 concat() 方法是等价的，但是 apply() 方法可以用于其他需要数组作为参数的方法中。Array类型有很多自己的方法，apply() 是其中的一个方法。apply() 方法可以使用一个指定的 this 值来调用数组中的函数，并且可以传递一个数组作为函数的参数列表。
javascript中Array.apply方法的一个陷阱
jjj4856951的专栏
04-18 3329
今天发现了一个坑，写出来给大家做个教训。 我想把一个Uint8Array类型的数组转换为普通数组，运用了Array.apply方法，产生了一些问题。 var a = new Uint8Array([20]);//注意：这里a的长度为1 console.log(a);//Uint8Array { '0': 20 } //这是个把Uint8Array转为普通数组的方法，但当Uint8Array的长
js中Array.apply(null,Array(3))与Array(3)的区别
coding...
05-28 1571
vue 的官方文档 其中Array.apply(null,{length:3}) 和 new Array(3) 有区别吗？ 首先，Array.apply(null,{length:3}) 和 new Array(3) 都是创建了一个长度为20的数组，区别是： Array.apply(null,{length:3}) 和调用 Array({length:3}[0],{length:3}[0...
Js apply()使用详解
热门推荐
农村的我的专栏
09-20 10万+
Js apply方法详解 我在一开始看到javascript的函数apply和call时,非常的模糊,看也看不懂,最近在网上看到一些文章对apply方法和call的一些示例,总算是看的有点眉目了,在这里我做如下笔记,希望和大家分享.. 如有什么不对的或者说法不明确的地方希望读者多多提一些意见,以便共同提高.. 主要我是要解决一下几个问题: 1.apply和call的区别在哪里
JS数组追加数组采用push.apply的坑
weixin_33909059的博客
06-09 720
2019独角兽企业重金招聘Python工程师标准>>> ...
Array.apply()的用法
05-10
Array.apply() 是一种在JavaScript中创建数组的方法。它接受两个参数：第一个参数是要创建的数组的长度，第二个参数是要使用作为每个数组元素的值。如果省略第二个参数，则每个数组元素将被初始化为 undefined。例如...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值