javascript - 如何在 ReasonML 中扩展 JS 类

例如，我有一个 es6 类:
class Foo {...}
我想扩展它:
class Bar extends Foo {...}
在 reason-react 文档中，我找到了示例，但我不确定它是否适合我:

let component = ReasonReact.reducerComponent "TodoAppRe";
let make _children => {
  ...component,
  initialState: fun () => {count: 0},
  <...>

但是当我尝试以这种风格编写代码时，出现错误:

let myclass unit => {
  ...mysuperclass,
    hello: fun () => {
      Js.log "FooBar";
    }
};

(在这个例子中 mysuperclass 是来自 3rd-party js-library 的外部)。

也许我做错了什么？

最佳答案

let foo bar => { ...baz, quux: ... } 不是用于继承的语法，而是用于组合的语法。具体来说，它采用 baz 记录值(不是对象)并更新其 quux 成员(不是方法)。

如果你想在 Reason/BuckleScript 中扩展一个 JS 类，首先要记住 BuckleScript 生成的代码向后兼容 ES5，所以你不需要使用 Babel。事实上，BuckleScript 并不直接支持扩展类。

但是，您可以使用 BuckleScript 的 [%%bs.raw] 属性 ( https://bucklescript.github.io/bucklescript/Manual.html#_embedding_raw_js_code_as_statements ) 在 Reason 源代码中包含原始 JavaScript:

/* MyProject_Animal.re */

[%%bs.raw {|

// Dummy class for example:
class Animal {
  speak() {}
}

// or:
// import Animal from "somewhere";

class Dog extends Animal {
  _name;

  constructor(name) {
    super();
    this._name = name;
  }

  speak() {
    console.log(`${this._name} says woof!!`);
    super.speak();
  }
}
|}];

然后你可以在下面的代码中编写到 Dog 类的绑定(bind):

module Animal_Dog = {
  type t;

  [@bs.new] external make: string => t = "Dog";
  /* Need this to ensure correct usage in other modules */
  let make = make;

  [@bs.send] external speak: t => unit = "";
};

let spot = Animal_Dog.make("Spot");
Animal_Dog.speak(spot);

但是，请记住，从 ES2015 开始，如果您希望它与 ES2015 之前的浏览器向后兼容，则需要通过 Babel 运行它。

关于javascript - 如何在 ReasonML 中扩展 JS 类，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/46454098/