woniu50673488 2021-03-12 10:44 采纳率: 100%
浏览 81
已采纳

ES6 MDN的例子, 参数结构看不明白


var elements = [
  'Hydrogen',
  'Helium',
  'Lithium',
  'Beryllium'
];

// 在这个例子中,因为我们只需要 `length` 属性,所以可以使用参数解构
// 需要注意的是字符串 `"length"` 是我们想要获得的属性的名称,而 `lengthFooBArX` 则只是个变量名,
// 可以替换成任意合法的变量名


elements.map(({ "length": lengthFooBArX }) => lengthFooBArX); // [8, 6, 7, 9]

 

请哪位大哥解释一下最后面一句,小弟看不明白。

  • 写回答

1条回答 默认 最新

  • 幻灰龙 2021-03-12 13:53
    关注

    一开始是这样的:

    elements.map((element) => element.length );

    当然也可以这样:

    elements.map((element) => {
      return element.length;
    });

    然后可以这样:

    elements.map((element) => {
      const {length} = element
      return length;
    });

    当然这等价于

    elements.map((element) => {
      const {length: lengthFooBarX} = element
      return lengthFooBarX;
    });

    简写下,直接在回调函数参数那里解构,就是这样

    elements.map(({length: lengthFooBarX}) => {
      return lengthFooBarX;
    });

    再简写下:

    elements.map(({length: lengthFooBarX}) => lengthFooBarX );
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 英飞凌TC387使用MCAL唤醒TJA1145问题
  • ¥15 android tv图标显示异常
  • ¥20 (标签-AR|关键词-预测分析)
  • ¥15 MATLAB矩阵分离问题
  • ¥15 QT IFW 自定义界面添加lineedit小键盘输入数字无效果
  • ¥15 python thinter动态建立Entry并读取数据
  • ¥150 电路仿真,演示反激变压器升压
  • ¥100 libcurl使用无法连接服务器问题
  • ¥30 链表栈表达式求值求解
  • ¥15 关于龙芯1b,JTAG停止调试服务