我可以使用不可变的解构赋值吗。js？

Question

对于标准JS对象，可以使用解构赋值，例如：

let obj = {name: 'james', code: '007'}
let {name, code} = obj // creates new variables 'name' and 'code' (with the proper values)

正如一些Flux/Redux传教士所建议的，我使用immutable。我的应用程序的js；我可以在不可变列表/映射上也使用解构吗？当然，我们可以做到：

let obj = immutable.fromJS({name: 'james', code: '007'})
let {name, code} = obj.toJS()

但是，随着对象变得越来越大，这似乎效率很低（因为首先需要对对象进行深度JS化）。

Answer 1

对于不可变列表，分解工作非常直接。这是因为数组的解构作用于每个iterable（检查某些内容是否是iterable），而不仅仅是js数组。

有了地图，情况就更复杂了。与List不同，Map-like结构的解构只受普通JShtml" target="_blank">对象的约束，仅此而已。目前，ES社区似乎并不认为这是一个好主意（参见https://esdiscuss.org/topic/extensible-destructuring-proposal)

但是，有一个babel插件可以实现这一点：https://github.com/vacuumlabs/babel-plugin-extensible-destructuring在中安装并启用此插件。babelrc，您可以简单地修补不可变映射以获得@@获取定义的方法：

// main.js, first file loaded
import {Iterable} from 'immutable';
Iterable.prototype[Symbol.for('get')] = function(value) {return this.get(value); };

而且一切都正常（也可以嵌套解构，或使用默认值解构）

import {fromJS} from 'immutable';
const map = fromJS({author: {name: {first: "John", last: "Doe"}, birthdate: "10-10-2010"}});
const {author: {name: {first, last}, birthdate}} = map;

免责声明：我是上述插件的作者之一。