根本原因是类方法误加function关键字，JavaScript类中方法必须直接写名称（如display(){}），不可写function display(){}；同时需检查括号/逗号匹配、避免保留字和非法命名。
JS 中 class 语法报错，最典型的是 Unexpected token、Declaration or statement expected 这类错误，根本原因在于混淆了 JavaScript 类方法声明和全局函数声明的语法规则。解决关键不是逐行试错，而是抓住“类内部不写 function 关键字”这一核心原则。
检查类方法是否误加 function 关键字
这是迁移 Processing/Java 代码到 p5.js 或手写 class 时最高频的错误。JavaScript 的 class 内部方法必须直接写名称，不能加 function 前缀。
- ❌ 错误写法（会报
Unexpected token 'function'）：class Ball {<br> function display() {<br> ellipse(this.x, this.y, 20);<br> }<br>} - ✅ 正确写法：
class Ball {<br> display() {<br> ellipse(this.x, this.y, 20);<br> }<br>} - 注意：构造函数
constructor本身是特殊关键字，不加function；普通方法、getter/setter、静态方法（static）同样都不加。
确认花括号与逗号结构完整
class 是一个复合结构，括号和逗号缺失常导致解析中断，报错位置可能偏离真实问题点。
- 检查
class Name { ... }外层大括号是否成对闭合； - 类内部各成员之间用换行或逗号分隔，但方法之间不能加分号（除非是属性赋值，如
speed = 2;）； - 对象字面量嵌套在 class 中时（如
config = { x: 0, y: 0 };），确保其引号、逗号、括号也匹配； - 常见陷阱：在最后一个方法后多写逗号，或在 getter 后漏掉右括号。
验证变量名、关键字与保留字冲突
类名、方法名、属性名若使用了 JavaScript 保留字（如 default、package、class、function），或以数字开头、含非法字符，也会触发 Unexpected token。
- 避免用
let、const、return、yield等作方法名； - 不要写
class myClass { 1stMethod() {} }（数字开头非法）； - 命名统一用小驼峰（
updatePosition）或下划线（init_data），避开中划线和空格。
借助工具快速定位
别只依赖浏览器控制台报错行号——SyntaxError 的提示位置常常滞后或偏移。
- VS Code / WebStorm 等编辑器会实时标红语法异常处，优先看波浪线下方的 token；
- 开启 ESLint 并配置
eslint-plugin-p5（针对 p5.js 项目）或基础规则如no-unused-vars、semi； - 把疑似出问题的 class 单独复制到 PlayCode 或浏览器控制台中运行，缩小干扰范围。
