Khan Academy HTML编辑器中class关键字报错，如何解决？

Khan Academy的HTML编辑器采用的是较老旧的JavaScript运行环境，不支持ES6的class关键字，这就是代码报错的核心原因。

以下是两种可行的修复方案：

• 用传统构造函数替代class语法
  把ES6的类写法转换成ES5兼容的构造函数形式，这是最直接的解决方式。修改后的示例代码如下：

  <html lang="en"> 
  <head>
      <meta charset="utf-8">
      <title>Fixed</title>
  </head>
  <body>
      <canvas id="canvas"></canvas>
      <script>
          // 替换class的构造函数写法
          function Example() {
              // 原constructor中的逻辑写在这里
          }
  
          // 如果需要添加类方法，挂载到原型上
          Example.prototype.doSomething = function() {
              // 方法逻辑
          };
      </script>
  </body>
  </html>
  

• 手动转译ES6代码为ES5
  如果你有复杂的类逻辑，可以手动将ES6的class代码转译成ES5语法，确保编辑器能正常解析所有代码逻辑。

内容的提问来源于stack exchange，提问作者Golden Orange