javascript - ES6 数组解构赋值 默认赋值
滿天的星座
滿天的星座 2017-06-07 09:24:42
0
3
1056

在看到阮一峰的ES6教程解构赋值,默认值时,这个地方没太看懂。
原文链接

注意,ES6 内部使用严格相等运算符(===),判断一个位置是否有值。所以,如果一个数组成员不严格等于undefined,默认值是不会生效的

function f() {
  console.log('aaa');
}

let [x = f()] = [1];

书上说上面这段代码等价于下面这段

let x;
if ([1][0] === undefined) {
  x = f();
} else {
  x = [1][0];
}

请问一下这个[1][0]是哪里来的?不应该是下面这样的吗?

let x;
if (1 === undefined) {
  x = f();
} else {
  x = 1;
}
滿天的星座
滿天的星座

全部回复(3)
学习ing

数组解构时,原理是这样的,把一个或者多个变量放到数组A中,然后让这个数组A等于另一个数组B,那么解构时A数组某个位置的值就等于B数组对应位置的值。

let [x = f()] = [1];

这段代码的意思就是,首先创建一个数组A,数组A中的第一项是x,然后又有一个数组B,B = [1].
然后令 A = B.最后的效果就是A[0] = B[0],即x=B[0],也即x=[1][0]
所以在判断是不是等于undefined时,要这样

if([1][0] === undefined)
Ty80

右边[1]中的1才是对应x呀,即[1][0]对应x

学霸

解构,解构,解构。。。所以目的是把等号右边的东西解开,所以肯定是要把[1]给解开的。

所以let [x]=[1],那么x就是[1][0],也就是1。所以其实x的赋值是根据[1][0]来判断的。

不知道说的理解不理解,还是给文档吧:

https://developer.mozilla.org...

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板