javascript – 函数参数中的数组解构

前端之家收集整理的这篇文章主要介绍了javascript – 函数参数中的数组解构前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在这里有一些与数组解构有关的东西我还不完全理解.

在以下示例中:

function foo( [a,b,c] ) {
    console.log(a,c)
}

foo( 1,2,3 );

当我运行这个时,我收到以下错误

Uncaught TypeError: undefined is not a function

现在,我没有质疑这个事实并不像人们预期的那样输出1,3,因为只有第一个值1实际上被破坏了(a = 1 [0],b = 1 [1],c = 1 [2]).

但事情就是这样:

我可以完美地写出1 [0],1 [1],1 [2]并且每个都没有定义.

那么为什么我上面写的foo函数抛出一个异常而不是像我期望的那样简单地返回3次undefined.

实际上,如果我按照以下方式编写条形码,我将会发生3未定义的情况.

function bar(){
    console.log( 1[0],1[1],1[2] )
}

bar();
// undefined undefined undefined

有人能告诉我JS在第一个foo()中做了什么,为什么输出不是未定义undefined undefined?

解决方法

使用数组模式进行的解构使用后台迭代,即被解构的值必须是可迭代的.

事实上,在Firefox中,错误消息似乎更具说明性:

TypeError: (destructured parameter) is not iterable

这是你在评估1 [0],1 [2]时所做的比较出错的地方:不需要1可迭代.

更正确的比较是这样做:

console.log([...1]);
// or:
const [a,c] = 1;

……而且那段代码会失败.

猜你在找的JavaScript相关文章