javascript - 函数定义中参数周围的方括号

Question

我在 the Ember CLI website 中遇到了以下代码:

export default Ember.Helper.helper(function([value]) {
  return value.toUpperCase();
});

让我感到困惑的是 value 参数周围的方括号。我可以在函数调用中理解它，但为什么在函数定义中？

Answer 1

这是一个 destructuring assignment . @recursive 描述的行为是正确的，但了解它不限于第一个元素可能会有所帮助。如果它是用三个元素编写的:

函数 xyz([a, b, c]){...}

然后 a、b 和 c 都将被声明为函数范围内可用的变量，在这种情况下，它们将等于数组的前 三个 元素。此外 - 如果作为参数传递的数组没有至少三个元素，则参数中指定的其余元素(a、b 和 c)将存在，但将具有undefined 的值:

// Example
function destructureThis([a, b, c]){
  console.log(a, b, c);
}

var shortArray = [1, 25];
destructureThis(shortArray);

// Prints to console:
// 1 25 undefined

同样，如果参数数组较大，则如前所述，其他元素将被忽略。

var longerArray = [1, 5, 9, 50, 60];
destructureThis(longerArray);

// Prints to console:
// 1 5 9

另外...这是对 ECMAScript 规范的最新补充，如果不使用 Babel 或等效的转换它以实现向后兼容性，它应该在所有目标环境(看着你的 IE)中进行测试。