如何在可汗学院制作 JavaScript (processing.js) class？

Question

在 Khanacademy 的编码部分，我正在 JavaScript 中制作一个项目（在此处修改 Processing.js），它给出了 classes 的两种符号错误:

function Foo(bar) {
    this.bar = bar;
}

Foo.prototype.baz = function() { }

和

class Foo {

constructor(bar) {
    this.bar = bar;
}

baz() { }

最上面的看起来大部分是兼容的，但是代码无法编译，说 "If you want to define a function, you should use 'var Foo = function() {};' instead"。

有人知道如何在这个平台上制作class吗？

Answer 1

可汗学院非常适合学习基础知识，但正如您所说，它使用 Processing.js 的修改版本，这意味着它会扼杀本应有效的语法。

如果你真的真的需要在可汗学院使用 class，在玩了一会儿之后，这个例子似乎可行：

var Foo = function(x) {
    this.x = x;

    this.printX = function(){
      println('x: ' + this.x);  
    };
};

draw = function() {
  var myFoo = new Foo(42);
  myFoo.printX();
};

但是您最好使用 P5.js 甚至香草 JavaScript 之类的东西。

如何在可汗学院制作 JavaScript (processing.js) class？

How do I make a JavaScript (processing.js) class on KhanAcademy?

javascript

processing.js