JSX webpack构建中同一类中的重复构造函数

Question

我写的一些代码有问题，这让我很困惑。

JSX Github Page 上的主要 JSX 教程有一个名为 Point 的示例类，如下所示：

class Point {
    var x = 0;
    var y = 0;

    function constructor() {
    }

    function constructor(x : number, y : number) {
        this.set(x, y);
    }

    function constructor(other : Point) {
        this.set(other);
    }

    function set(x : number, y : number) : void {
        this.x = x;
        this.y = y;
    }

    function set(other : Point) : void {
        this.set(other.x, other.y);
    }
}

该类有一个清晰的示例，其中包含我从 C++ 时代就熟悉的多种构造函数类型。它甚至有一个已定义的复制构造函数，我认为这很棒。

但是，如果我获得并创建了一个类似的类供我使用：

export default class MutableDataStore {
	constructor() {
		this.data = [];
		this.settings = {};
	}

	//Copy constructor
	constructor(other : MutableDataStore) {
		this.data = other.data.slice();
		this.settings = Object.assign({}, this.settings);
	}
  
  //...Other functions omitted
}

我在我的 webpack 构建中收到以下错误：

./src/stores/helper-classes/mutabledatastore.jsx 中的错误 模块构建失败：SyntaxError: Duplicate constructor in the same class (8:1)

我完全被这个难住了，因为我在网上找不到任何类似的东西，除非它似乎是一个暂时的问题。

我的 webpack.config.js 是：

var webpack = require("webpack");
var path = require("path");
 
var src = path.resolve(__dirname, "src");
var app = path.resolve(__dirname, "app");
 
var config = {
  entry: src + "/index.jsx",
  output: {
    path: app,
    filename: "javascript.js"
  },
  module: {
    loaders: [{
        include: src,
        loader: "babel-loader"
    }]
  }
};
 
module.exports = config;

我的 babel 预设是 es2015 和 react。

任何帮助将不胜感激！

Answer 1

正如loganfsmyth 在cmets 中所说，可以有only be one constructor in an ES6 class。您可以通过检查构造中是否设置了 other 或为参数提供默认值来获得所需的效果

export default class MutableDataStore {
    constructor(other : MutableDataStore) {
        this.data = other ? other.data.slice() : [];
        this.settings = other ? Object.assign({}, other.settings) : {};
    }

  //...Other functions omitted
}

// or

export default class MutableDataStore {
    constructor(other : MutableDataStore = { data: [], settings: {} }) {
        this.data = other.data.slice();
        this.settings = Object.assign({}, other.settings);
    }

  //...Other functions omitted
}

另一方面，我认为您可能希望复制构造函数从 other 复制设置，而不是 this。