【问题标题】:Javascript nested destructuring syntax [duplicate]Javascript嵌套解构语法[重复]
【发布时间】:2019-04-01 11:08:06
【问题描述】:

虽然我了解正常的 ES6 解构语法,但下面的嵌套语法是如何工作的?

const { get, set, computed, Logger: { debug, log } } = Ember;

【问题讨论】:

    标签: javascript ecmascript-6 ecmascript-5 destructuring


    【解决方案1】:

    : 左侧的属性(引用一个对象)是从{}s 中右侧的属性提取的。所以

    const { get, set, computed, Logger: { debug, log } } = Ember;
    

    等价于

    const { get, set, computed, Logger } = Ember;
    const { debug, log } = Logger;
    

    没有中间变量。

    【讨论】:

    • 非常感谢...只是一个简单的问题 - 为了理解,即使是嵌套/深层对象也适用相同的规则
    • 是的,同样的规则适用于key: { prop1, prop2 } 在对象的任何嵌套级别
    • 酷...所以对于嵌套的,它们实际上是指 Ember.Logger.log 和 Ember.Logger.debug 这对吗?
    • 是的,没错
    猜你喜欢
    • 1970-01-01
    • 2019-07-22
    • 2015-11-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-04-26
    • 2017-11-23
    • 2020-01-02
    相关资源
    最近更新 更多