javascript - ES6/ES2015 对象解构和改变目标变量

标签 javascript ecmascript-6 destructuring

如何在对象破坏期间重命名目标?

const b = 6;
const test = { a: 1, b: 2 };
const {a, b as c} = test; // <-- `as` does not seem to be valid in ES6/ES2015
// a === 1
// b === 6
// c === 2

最佳答案

您可以分配新的变量名称,如 MDN Example 所示

var o = { p: 42, q: true };

// Assign new variable names
var { p: foo, q: bar } = o;

console.log(foo); // 42
console.log(bar); // true  



所以,在你的情况下,代码将是这样的

const b = 6;
const test = { a: 1, b: 2 };
let { a, b: c } = test;
console.log(a, b, c); // 1 6 2


Online Babel Demo

关于javascript - ES6/ES2015 对象解构和改变目标变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34904523/

相关文章:

reactjs - ES6 解构对象中的三元条件

javascript - Webpack:尝试公开捆绑对象以供其他脚本使用,对象仍未定义

javascript - 如何使用 node.js 中的属性过滤 Json 数据

javascript - 连接字符串时是否有 JSHint 设置间距?

javascript - 基本 ES6 Javascript 插件 - 在函数之间重用变量

javascript - ES2015 (ES6) 子解构

javascript - jQuery 和 $(document).ready() 的计时问题

javascript - 揭示模块模式结合 ES6 模块

JavaScript ES6 : Test for arrow function, 内置函数,常规函数?

Javascript (ES6),基于变量的解构