javascript - 您可以/如何将构造函数添加到对象中？

Question

是否可以向对象添加构造函数？

如果以下是可能的，我想完成类似的事情:

const constructorObject = {
  Constructor: Constructor("content")
}

如果访问了该对象，您将能够执行以下操作:

new constructorObject.constructor({ content: "content" }):

没有收到错误提示:

undefined is not a constructor 
(evaluating 'new constructorObject.Constructor({ content: "content })')

对于上下文，我有一个 react 组件，我正在调用 parent 组件中的 googleAPI。

this.googleAPI 被传递给 child。当我运行测试时 - props 被传递给 child 但对象中没有 constructor - 测试失败。

在 childComponent 中，init 在 mount 上被调用:

init() {
   const { position, map, title, icon } = this.props;
   this.marker = new this.props.googleApi.Marker({
     icon,
     position,
     map,
     title
   });
}

在 enzyme 测试中:

import React from "react";
import { shallow } from "enzyme";
import Child from "src/components/child";

describe("components/child", () => {
  let props;
  beforeEach(() => {
    props = {
      googleApi: {},
      map: {},
      position: {
        lat: 10,
        lng: 10
      },
      title: "title",
      icon: "icon"
    };
  });

  describe("on mount", () => {
    it("should render into the document", () => {
      const component = shallow(<Marker {...props} />);
      expect(component).to.not.be.null;
    });
  });
});

这是 enzyme 错误:

undefined is not a constructor (evaluating 'new this.props.googleApi.Marker({ title: this.props.title })')

Answer 1

在 JS 中，构造函数可以只是一个函数。参见 this .基本上这应该适合你:

beforeEach(() => {
  props = {
    googleApi: {
      Marker: () => {}
    },
    map: {},
    position: {
      lat: 10,
      lng: 10
    },
    title: "title",
    icon: "icon"
  };
});