如何在可汗学院创建JavaScript（Processing.js）类？编译报错求解

我懂你在可汗学院用Processing.js写类时碰的钉子——这个平台用的是老旧版本的JavaScript语法，既不支持ES6的class关键字，连标准构造函数的声明方式都有特殊限制，所以才会弹出那个提示。下面给你两种适配平台的靠谱实现方式：

1. 平台提示的函数式构造器（最推荐） #

按照平台提示的var Foo = function() {};格式定义构造函数，再通过原型链添加方法，这是最贴合平台要求的写法：

// 定义构造函数，初始化实例属性
var Player = function(x, y) {
  this.x = x;
  this.y = y;
  this.speed = 5;
};

// 通过原型添加共享方法，所有实例复用同一份方法代码
Player.prototype.move = function(direction) {
  if (direction === "right") {
    this.x += this.speed;
  } else if (direction === "left") {
    this.x -= this.speed;
  }
};

// 创建实例并调用方法
var myPlayer = new Player(100, 200);
myPlayer.move("right");

这种写法完全符合平台的语法校验规则，不会出现编译错误，也是早期JavaScript模拟类的标准实现方式。

2. 构造函数内直接定义方法（简化版） #

如果你习惯更贴近类的直观写法，也可以在构造函数内部直接声明方法——缺点是每个实例都会复制一份方法代码，内存占用稍高，但小型项目完全可以接受：

var Enemy = function(x, y) {
  this.x = x;
  this.y = y;
  
  // 直接在构造函数内定义实例方法
  this.chasePlayer = function(playerX) {
    if (this.x < playerX) {
      this.x += 3;
    }
  };
};

// 创建实例并使用
var zombie = new Enemy(50, 150);
zombie.chasePlayer(200);

避坑必看 #

• 绝对不要用ES6的class语法（比如class Player {}），这个环境完全不支持，一定会报错。
• 不要用function Player() {}这种直接声明构造函数的方式，平台的语法检查会触发你看到的提示，必须用var Player = function() {};的赋值式写法。

内容的提问来源于stack exchange，提问作者Fizz Binn