ES6传递一个对象来构造函数，并设置属性

Question

请看下面的例子：

class Parent { 
    constructor({ parentOnlyArg = 'default value' } = {}) { 
     this.parentOnlyArg = parentOnlyArg; 
    } 
} 

class Child extends Parent { 
    // this class and also any class inheriting from it 
    constructor({ visibleStyle = 'inline' } = {}) { 

     // I want to pass argument to super as an object 
     super(/** args **/); 

     this.visibleStyle = visibleStyle; 
    } 
} 

class Child2 extends Parent { 
    // Specifying parentOnlyArg as default will change the behaviour 
    constructor({ parentOnlyArg = 'another parent value', 
        someOther = 'value' } = {}) { 

     // I want to pass argument to super as an object 
     super(/** args **/); 

     this.someOther = someOther; 
    } 
} 

是否有可能通过在构造函数的参数，以超？

好像是比我想象的

super(...arguments); 

简单的话，我可以用

var c1 = new Child(); // c.parentOnlyArg = 'default value' 
var c2 = new Child2(); // c.parentOnlyArg = 'another parent value' 
var c3 = new Child({ parentOnlyArg: 'changed again' }); // c.parentOnlyArg = 'changed again' 

Answer 1

一个速赢是使用arguments对象创建Child。它是一个包含传递给函数的所有参数的数组。

有关MDN的更多信息。

实际上，您可以通过arguments[0]访问函数的第一个参数。

class Child extends Parent { 
    constructor({ parentOnlyArg = 'value', 
        visibleStyle = 'inline' } = {}) { 
     super(arguments[0]); 
     [...] 
    } 
} 

Answer 2

您可以使用object destructuring with rest properties。它尚未被浏览器实现，但BabelJs可以传输它。

function assertEmpty(obj) { 
 
    if (Object.keys(obj).length > 0) { 
 
    throw new Error("Unexpected parameters"); 
 
    } 
 
} 
 
    
 
class A { 
 
    constructor({ a = "foo", ...rest } = {}) { 
 
    assertEmpty(rest); 
 
    console.log("new A " + a); 
 
    } 
 
} 
 
    
 
class B extends A { 
 
    constructor({ b = "bar", ...rest } = {}) { 
 
    super(rest); 
 
    console.log("new B " + b); 
 
    } 
 
} 
 
    
 
new B({a:2}); // prints 'new A 2', 'new B bar' 
 
new B({a:4, b:5, c:6}); // throws 'Unexpected parameters'

在上面的代码中的父类没有看到由后人所消耗的PARAMS。如果您遇到问题，您可以将其作为@Bergi或@loganfsmyth建议。例如：

class A { 
 
    constructor(params = {}) { 
 
    const { a = "foo" } = params; 
 
    console.log("a=" + a); 
 
    } 
 
} 
 

 
class B extends A { 
 
    constructor(params = {}) { 
 
    const { b = "bar" } = params; 
 
    super(params); 
 
    console.log("b=" + b); 
 
    } 
 
} 
 

 
new B({a:2}); // prints a=2 b=bar 
 
new B({b:5}); // prints a=foo b=5