什么是javascript中的"......"(3个点)？

Question

我从这篇文章中了解到了这一点.

function StoreMixin(...stores) { // what is "..."
  var Mixin = {
    getInitialState() {
      return this.getStateFromStores(this.props);
    },
    componentDidMount() {
      stores.forEach(store =>
        store.addChangeListener(this.handleStoresChanged)
      );
      this.setState(this.getStateFromStores(this.props));
    },
    componentWillUnmount() {
      stores.forEach(store =>
        store.removeChangeListener(this.handleStoresChanged)
      );
    },
    handleStoresChanged() {
      if (this.isMounted()) {
        this.setState(this.getStateFromStores(this.props));
      }
    }
  };
  return Mixin;
}

请用示例代码解释什么是"...".谢谢!

Answer 1

在该示例中,...是Rest参数,语法允许我们将无限数量的参数表示为数组.

它有点类似(或不是:),但它与扩展语法不同.

在您的示例中,stores内部的参数是一个数组.如果function StoreMixin(...stores)被称为StoreMixin(1,2,3)那么stores将是[1, 2, 3]等等.