Array.apply(null,{length: 99}) 逻辑解析

前言

本文的主要目的源于Vue中一个很有意思的案例：就是通过 lodash-es 打乱下图中文字的顺序，并让其变化过程中呈现动画效果。
里面涉及到了 vue3 的 move 动画，shuffle 打乱数组数据的函数、页面的 grid 布局，而本文的主要目的是讲解快速生成所需数组的方式，里面涉及到一些 ES6 的数组知识，如果不够了解，最好去看一下。这里简单列举一下相关的知识：

• apply/call 函数
  每个函数都包含两个非继承而来的方法：call()方法和apply()方法
  call和apply可以用来重新定义函数的执行环境，也就是this的指向；call和apply都是为了改变某个函数运行时的context，即上下文而存在的，换句话说，就是为了改变函数体内部this的指向。

  • apply()方法接收两个参数，一个是函数运行的作用域（this），另一个是参数数组。
  • call()方法不一定接受两个参数，第一个参数也是函数运行的作用域（this），但是传递给函数的参数必须列举出来。

• Array.from 函数

  • 将类数组对象转换成数组