javascript类如何定义_ES6类语法如何使用？

ES6 class必须用new调用，直接调用报错；子类constructor必须首行调用super()；方法不可枚举且不绑定this；静态与实例方法可同名但需区分调用方式。

Sylius开源电子商务平台

Sylius开源电子商务平台是一个开源的 PHP 电子商务网站框架，基于 Symfony 和 Doctrine 构建，为用户量身定制解决方案。可管理任意复杂的产品和分类，每个产品可以设置不同的税率，支持多种配送方法，集成 Omnipay 在线支付。功能特点：前后端分离Sylius 带有一个强大的 REST API，可以自定义并与您选择的前端或您的微服务架构很好地配合使用。如果您是 Symfony

下载

class 声明必须用 new 调用，不能当普通函数执行

ES6 的 class 本质是语法糖，底层仍基于原型，但设计上强制要求使用 new。直接调用会报错：

class Person {
  constructor(name) {
    this.name = name;
  }
}
Person('Alice'); // TypeError: Class constructor Person cannot be invoked without 'new'

constructor 不写也会隐式存在，但继承时必须显式调用 super()

空 class Foo {} 等价于 class Foo { constructor() {} }；但一旦子类 extends 父类，且定义了 constructor，就必须第一行写 super()，否则报错：

class Animal {
  constructor(name) {
    this.name = name;
  }
}
class Dog extends Animal {
  constructor(name, breed) {
    // 必须写，否则 ReferenceError: Must call super constructor
    super(name);
    this.breed = breed;
  }
}

方法默认不可枚举，且不绑定 this，箭头函数写法要小心

class 内定义的普通方法（包括 constructor）会自动添加 enumerable: false 属性，所以 for...in 或 Object.keys() 都遍历不到它们。另外，这些方法不会自动绑定 this：

class Button {
  constructor(label) {
    this.label = label;
  }
  handleClick() {
    console.log(this.label);
  }
}
const btn = new Button('OK');
document.addEventListener('click', btn.handleClick); // this 指向 window 或 undefined（严格模式）

• 在事件绑定时用 btn.handleClick.bind(btn)
• 在 constructor 中赋值：this.handleClick = this.handleClick.bind(this)
• 用箭头函数声明方法：handleClick = () => { ... }（注意：这是类字段语法，需额外支持）

静态方法和实例方法不能同名，且 static 方法无法被实例调用

class 中可以用 static 定义静态方法，它属于类本身，不属于实例：

class MathUtils {
  static add(a, b) {
    return a + b;
  }
  add(a, b) {
    return a + b + 1;
  }
}
MathUtils.add(1, 2); // 3（走静态方法）
const m = new MathUtils();
m.add(1, 2); // 4（走实例方法）