javascript - CoffeeScript 中的对象字面量多重赋值

Question

我是 Javascript 的新手。我正在查看 Atom 包的一些 Coffeescript 代码，我偶然发现了这段代码:

loadProperties: ->
    @properties = {}
    fs.readFile path.resolve(__dirname, '..', 'completions.json'), (error, content) =>
      {@pseudoSelectors, @properties, @tags} = JSON.parse(content) unless error?
      return

我对最后一行 {@pseudoSelectors, @properties, @tags} = JSON.parse(content) unless error? 有点困惑，因为它似乎从解析的数据中分配了多个值JSON 内容。在我的困惑中，我决定使用 js2Coffee 将其转换回 Javascript，结果如下:

function() {
this.properties = {}; // make list of properties (global to provider)
return fs.readFile(path.resolve(__dirname, '..', 'completions.json'), (function(_this) { //load completions.json (using path module)
  return function(error, content) { // edit: nvm, js2coffee's fault. not sure why they wrapped the call back in another anonymous function, but this is a node stream callback
    var ref;
    if (error == null) { // if there are no errors
      ref = JSON.parse(content), _this.pseudoSelectors = ref.pseudoSelectors, _this.properties = ref.properties, _this.tags = ref.tags;
    }
  };
})(this));

这段代码比上面的更容易理解一点。我可以看到 ref 被分配了从内容流中解析的对象，然后被用来为其他变量分配指定的数据。我的问题是，这种类型的分配如何工作？在 Coffeescript 中，预处理器如何知道在哪里分配值，以及以什么顺序分配它们？

通过检查 completions.json，数据不是按分配发生的顺序排列的。

Answer 1

这被称为 Destructuring Assignment .

To make extracting values from complex arrays and objects more convenient, CoffeeScript implements ECMAScript Harmony's proposed destructuring assignment syntax. When you assign an array or object literal to a value, CoffeeScript breaks up and matches both sides against each other, assigning the values on the right to the variables on the left.

CoffeeScript 将 = 左侧的对象或数组解释为模式，匹配使用的名称...

• @pseudoSelectors
• @properties
• @tags

...分配给值内的属性或索引:

• JSON.parse(content).pseudoSelectors
• JSON.parse(content).properties
• JSON.parse(content).tags

(定义额外的 ref 以避免为每个重新评估 JSON.parse(content)。)

至于顺序，CoffeeScript 通常会使用它们在作业中提到的顺序。将 @pseudoSelectors 移动到模式中的第三个属性将在生成的 JavaScript 中回显。

{@properties, @tags, @pseudoSelectors} = JSON.parse(content) unless error?

var ref;

if (typeof error === "undefined" || error === null) {
  ref = JSON.parse(content),
    this.properties = ref.properties,
    this.tags = ref.tags,
    this.pseudoSelectors = ref.pseudoSelectors; // now last
}

不过，JavaScript Objects ，就像 JSON.parse(content) 的结果一样，不强制作为排序数据结构。如果您需要确保值的顺序，则必须改为使用 Array。