编程语言
首页 > 编程语言> > javascript – 返回语句中的ES6解构

javascript – 返回语句中的ES6解构

作者:互联网

是否可以在同时返回对象时对其进行解构.
例如,要更改此代码:

const mapStateToProps = ({ newItem }) =>{
  const { id, name, price } = newItem;
  return { id, name, price };
}

对于这样的事情:

const mapStateToProps = ({ newItem }) =>{
  return { id, name, price } = newItem;
}

解决方法:

不,这是不可能的.

(免责声明:您的语法有效,并且可以进行解构和返回,但它相当于

({ id, name, price } = newItem); // assigns global variables
return newItem;

这可能不是你想要的)

要做你想要的(我假设是创建一个新对象),你需要使用一个对象文字(可能使用简写属性表示法).另见One-liner to take some properties from object in ES 6

const mapStateToProps = ({newItem: {id, name, price}}) => ({id, name, price});

标签:destructuring,javascript,ecmascript-6
来源: https://codeday.me/bug/20191001/1837452.html