JavaScript 的 class 是原型继承的语法糖,不改变面向对象模型;class 声明不提升,表达式适合动态定义;子类 constructor 必须先调 super() 才能用 this;私有字段(#)仅类内可访问,静态方法不可访问实例属性,字段初始化不能调用实例方法。

JavaScript 中的 class 语法是函数式构造器的语法糖,它本身不引入新的面向对象模型,只是让原型继承写法更清晰、更接近其他语言习惯。直接用它定义类没问题,但若误以为它像 Java/C# 那样有真正的“类”语义,后续容易踩坑。
class 声明和 class 表达式怎么选
两者本质相同,区别在于提升(hoisting)行为:
-
class声明不会被提升,引用前必须先定义,否则报ReferenceError: Cannot access 'MyClass' before initialization -
class表达式可赋值给变量,适合动态创建或条件定义,例如:const Animal = isBird ? class Bird { ... } : class Mammal { ... }; - 模块导出时常用声明形式:
export class Logger { ... };而测试中临时覆盖类时,表达式更灵活
constructor 和 this 指向的常见陷阱
类内部的 constructor 必须显式调用 super()(子类中),否则 this 不可用——这不是警告,是运行时报错 ReferenceError: Must call super constructor in derived class before accessing 'this':
- 父类无参数时也得写
super(),不能省略 - 子类
constructor中,super()必须在访问this之前调用,包括return、console.log(this)等任何使用 - 箭头函数方法里
this绑定的是实例,但普通方法(如say() {})在回调中丢失this的问题依然存在,需手动绑定或改用箭头属性:handleClick = () => { ... }
静态方法、实例方法与私有字段的实际边界
ES2022 起支持真正的私有字段(#name),但它和 static、普通方法不是并列关系,而是独立机制:
AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。它不是新的编程语言,而是一种使用现有标准的新方法,最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容,不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。《php中级教程之ajax技术》带你快速
立即学习“Java免费学习笔记(深入)”;
-
static方法只能通过类名调用(MyClass.doStatic()),无法访问实例属性;static #privateMethod()是合法的,但仅限类内部调用 - 私有字段
#count只能在类定义内访问,子类也拿不到,in操作符查不到,JSON.stringify会忽略它 - 没有“私有实例方法”的语法糖,只能靠私有字段存函数:
#onLoad = () => { ... },否则用闭包模拟成本高且难维护 - 所有方法默认不可枚举(
Object.keys(MyClass.prototype)不包含它们),但for...in仍可能遍历到原型链上其他可枚举属性
真正容易被忽略的是:class 内部不支持字段初始化时调用实例方法(value = this.getValue() 会报 ReferenceError),因为字段初始化发生在 constructor 执行前;想动态初始化,必须写进 constructor 里。









