javascript - ES6解构函数参数——命名根对象

Question

有没有办法保留解构函数参数的名称？即，根对象的名称？

在 ES5 中，我可能会这样做(使用继承作为隐喻来说明这一点):

// ES5:
var setupParentClass5 = function(options) {
    textEditor.setup(options.rows, options.columns);
};

var setupChildClass5 = function(options) {
    rangeSlider.setup(options.minVal, options.maxVal);
    setupParentClass5(options); // <= we pass the options object UP
};

我使用相同的 options 对象来保存多个配置参数。有些参数是父类使用的，有些是子类使用的。

有没有办法在 ES6 中使用解构函数参数来做到这一点？

// ES6:
var setupParentClass6 = ({rows, columns}) => {
    textEditor.setup(rows, columns);
};

var setupChildClass6 = ({minVal, maxVal}) => {
    rangeSlider.setup(minVal, maxVal);
    setupParentClass6( /* ??? */ );  // how to pass the root options object?
};

或者我是否需要提取 setupChildClass6() 中的所有选项，以便它们可以单独传递到 setupParentClass6() 中？

// ugh.
var setupChildClass6b = ({minVal, maxVal, rows, columns}) => {
    rangeSlider.setup(minVal, maxVal);
    setupParentClass6({rows, columns});
};

Answer 1

我自己在太多地方都有“选项”参数。我会选择 1 行额外的代码。在此示例中不值得，但在更多行上进行解构时是一个很好的解决方案。

const setupChildClass6 = options => {
    const {minVal, maxVal} = options;
    rangeSlider.setup(minVal, maxVal);
    setupParentClass6(options); 
};