将 ES6 类构造函数分配给“this”而不重复变量名 [重复]

Question

在编写 ES6 类时，您可以在构造函数中使用解构，以便更轻松地使用默认选项：

class Person {
    constructor({
        name = "Johnny Cash",
        origin = "American",
        profession = "singer"
    } = {}) {
        this.name = name;
        this.origin = origin;
        this.profession = profession;
    }

    toString() {
        return `${this.name} is an ${this.origin} ${this.profession}`;
    }
}

这允许你做这样的事情：

const person = new Person();
console.log(person.toString());
// Returns 'Johnny Cash is an American singer'

const nina = new Person({
    name : "Nina Simone"
})
console.log(nina.toString());
// Returns 'Nina Simone is an American singer'

但是，您需要重复构造函数中的参数以将它们分配给类实例。我已经发现你可以这样做以减少冗长：

Object.assign(this, { name, origin, profession });

但是您仍然需要重复这三个变量。有什么方法可以在不重复变量的情况下使赋值更短？

Answer 1

你可以让你的构造函数接受一个“config”参数，然后说Object.assign(this, config)。要拥有默认值，您可以设置一个默认对象，或者在构造函数之外将它们分配为类属性。

编辑给 T.J. Crowder 的观点，从技术上讲，在使用 Object.assign() 时传入的任何内容都将添加到您的对象中，这可能在很多方面都是有害的。我添加了一种方法来剥离配置对象，使其仅包含您定义的一组属性。 T.J. 的解决方案也可以，我只是做了不同的处理，所以你有选择。

function stripObjToModel(model, obj) {
  // this method will modify obj
  Object.keys(obj).forEach(function (key) {
    if (!model.hasOwnProperty(key)) {
      delete obj[key];
    }
  });
  return obj;
}
class Person {
    constructor(config = {}) {
        var defaults = {
            name: "Johnny Cash",
            origin: "American",
            profession:  "singer"
        };
        Object.assign(this, defaults, stripObjToModel(defaults, config));
    }

    toString() {
        return `${this.name} is an ${this.origin} ${this.profession}`;
    }
}

const person = new Person();
console.log(person.toString());
// Returns 'Johnny Cash is an American singer'

const nina = new Person({
    name : "Nina Simone",
    foo: "bar",
    toString: function () {return "Hello World!";}
})
console.log(nina.toString());
// Returns 'Nina Simone is an American singer'

Answer 2

不是我提倡，但技术上你可以做到

constructor(options = {}) {
  ({
    name: this.name = "Johnny Cash",
    origin: this.origin = "American",
    profession: this.profession = "singer",
  } = options);
}

我个人认为你的示例代码有点重复看起来很好。

Answer 3

遗憾的是，我认为没有任何内置方法可以接受具有单独默认值的选项对象，并且只从您收到的对象中获取那些属性（而不是其他可能指定的外来属性）而不重复自己。这是不幸的。 （这也不是我第一次想要解构和对被解构对象的引用。）

这意味着我们必须自己出去，但这很简单：

function applyDefaults(target, options, defaults) {
    for (const key in defaults) { // Or `const key of Object.keys(defaults)` for just own props
        target[key] = (typeof options[key] === undefined ? defaults : options)[key];
    }
}

然后：

constructor(options = {}) {
    applyDefaults(this, options, {
        name: "Johnny Cash",
        origin: "American",
        profession: "singer"
    });
}

（如果在每个构造函数调用上重新创建对象让您担心，您可以将其移出类，但我不会担心。）

但是然后在方法签名中没有描述单个属性默认值，对我来说这将是一个足够充分的理由继续重复你现在拥有的名称。