在 ES7 中，数组解构中的默认值功能得到了增强。该功能使得在解构数组时，可以指定默认值，当解构失败时，使用默认值作为解构结果。本文将详细介绍这一功能的使用方法，注意事项以及示例代码，希望对前端开发者有所帮助。
数组解构中的默认值
使用数组解构时，如果数组的元素数量不等于解构变量的数量，那么解构将失败，解构变量将被赋值为 undefined。例如：
let [a, b] = [1]; console.log(a); // 1 console.log(b); // undefined
在 ES7 中，可以指定默认值，用于在解构失败时作为解构结果。例如：
let [a=0, b=0] = [1]; console.log(a); // 1 console.log(b); // 0
在上述示例中，由于数组只有一个元素，因此 b 的解构结果为默认值 0。
注意事项
需要注意的是，如果指定了默认值，那么该值将只在解构结果为 undefined 时生效。也就是说，如果解构结果为 null、false、空字符串等 falsy 值，那么默认值将不会被使用。例如：
let [a='' , b=0] = [null, false]; console.log(a); // null console.log(b); // false
在上述示例中，尽管 a 和 b 的解构结果为 falsy 值，但因为不等于 undefined，因此默认值不会被使用。
示例代码
下面是一些使用数组解构中默认值的示例代码：
// javascriptcn.com 代码示例 // 示例 1 let [a, b=0] = [1]; console.log(a); // 1 console.log(b); // 0 // 示例 2 let [x, y=2] = [,3]; console.log(x); // undefined console.log(y); // 3 // 示例 3 let [c=0, d=0] = []; console.log(c); // 0 console.log(d); // 0 // 示例 4 let [e=0, f=0] = [,undefined]; console.log(e); // 0 console.log(f); // 0 // 示例 5 let [g=0, h=0] = [null, false]; console.log(g); // null console.log(h); // false // 示例 6 let [i=0, j=0] = [undefined, undefined]; console.log(i); // 0 console.log(j); // 0
总结
ES7 中数组解构中的默认值功能使得开发者在解构数组时可以指定默认值，避免因解构失败导致程序崩溃，并节省了一些代码量。需要注意的是，在使用默认值时需要遵循本文所述的注意事项。希望本文对前端开发者们学习和使用该功能有所帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/651bbf0995b1f8cacd35e337