Lenis.js 的 easing 选项支持箭头函数，但旧版 Dreamweaver 或其内置校验器可能无法识别该语法，导致误报错误；改用传统 function 表达式即可兼容，同时保持缓动效果完全一致。
当你在使用 Lenis.js 库实现平滑滚动时，如果开发工具报告语法错误，不必急于怀疑自己的代码逻辑。这种情况在老旧开发环境中尤为常见。你编写的箭头函数缓动公式，在数学计算和浏览器执行层面都是正确的。
Lenis.js 作为一款轻量级的平滑滚动库，其核心优势之一在于允许开发者通过 easing 选项自定义滚动动画的时间曲线。你使用的这段代码：
easing: (t) => (t === 1 ? 1 : 1 - Math.pow(2, -10 * t))
这是一个标准的 ES6 箭头函数，实现了经典的指数衰减缓动效果，类似于 CSS 中的 ease-out 或动画库中的 easeOutExpo。其精妙之处在于，当滚动进度 t 等于 1 时，它会精确返回 1，完美避免浮点数计算可能带来的终点偏移问题，确保滚动准确到位。
那么问题出在哪里？简单来说，你的代码跑在了“未来”，但开发工具的语法检查器还停留在“过去”。现代浏览器（例如你在 JSFiddle 中测试的环境）早已完美支持 ES6+ 语法，运行流畅。然而，一些旧版本集成开发环境，比如 Adobe Dreamweaver 内置的 JavaScript 校验器，可能尚未更新对箭头函数（特别是在对象字面量中直接使用）的识别能力，因而误判为错误，亮起红灯。这纯粹是工具兼容性层面的小摩擦，而非代码本身存在缺陷。
一劳永逸的解决方案：回归传统写法
要实现全工具兼容，最直接有效的方法是将箭头函数替换为等价的传统匿名函数表达式。这种写法能确保从旧版校验器到现代浏览器均无识别问题。
const lenis = new Lenis({
duration: 1.2,
easing: function(t) {
return t === 1 ? 1 : 1 - Math.pow(2, -10 * t);
},
direction: "vertical",
gestureDirection: "vertical",
smooth: true,
smoothTouch: false,
touchMultiplier: 2,
});
function raf(time) {
lenis.raf(time);
requestAnimationFrame(raf);
}
requestAnimationFrame(raf);
请放心，这种写法与原始箭头函数在最终效果和执行性能上完全一致，仅语法更为保守，兼容性更广，足以通过包括旧版 Dreamweaver 校验器在内的所有检查工具。
如果想更进一步
当然，如果你希望彻底摆脱工具兼容性限制，还可以考虑以下进阶方案：
- 升级开发环境：将 Dreamweaver 更新至 CC 2023 或更高版本，这些版本对现代 JavaScript 语法支持更佳。或者，关闭内置旧校验器，转而集成功能更强大的 ESLint。
- 配置更聪明的检查规则：如果环境允许，在 Dreamweaver 中启用并配置 ESLint，将
ecmaVersion设置为 2022 或更高，这样就能光明正大地使用箭头函数而不收到警告。 - 双重验证效果：无论采用哪种写法，完成后都可以在浏览器的开发者控制台输入
lenis.options.easing(0.5)测试一下。如果返回值约为 0.96875，则证明缓动函数逻辑正确，滚动动画将如预期般平滑。
总而言之，面对“工具报错，代码正确”的困境，关键在于分清问题边界。优先采用兼容性最好的传统函数表达式写法，可以避免无谓的警告干扰，将精力集中在实现流畅的 Lenis.js 平滑滚动体验上。
