一、维护你的 JavaScript 开发者认证
本模块覆盖 Summer '25 的 JavaScript 开发最新能力：用 TypeScript 开发 Lightning Web Components（Developer Preview）、用 Local Dev 实时预览组件、用对象或数组语法绑定 HTML class。完成即可维护认证。
学习目标
完成本模块后，你将能够：用 TypeScript 开发 Lightning Web Components；用 Local Dev 实时预览组件；用对象和数组语法绑定 HTML class；维护你的 JavaScript 开发者认证。
维护认证与保护完整性
维护认证：Salesforce 认证需要定期维护，保持与最新平台能力同步；本模块覆盖 Summer '25 对 JavaScript 开发者的更新。在截止日期前完成所有必需模块，认证维护确保技能保持相关，体现持续的职业发展承诺。
用 TypeScript 开发 LWC：Summer '25 以 Developer Preview 提供 LWC 的 TypeScript 支持。好处：类型安全、更好的 IDE 支持、更少的运行时错误；接口、泛型和类型检查；编译为标准 JavaScript，任何浏览器都能运行。
注意事项：Developer Preview 尚未正式生产可用；部分 LWC 装饰器可能还没有完整类型支持；TypeScript 编译增加构建步骤；这是开始学习和实验的好时机。
LWC 中的 TypeScript 入门
给 LWC 项目添加 TypeScript 支持的四步：
- 在 VS Code 启用 TypeScript——安装 TypeScript 相关扩展，配置 .ts 文件支持。
- 配置 TypeScript 编译器——在项目根添加
tsconfig.json，配置 target、module、strict mode，设置 Salesforce 模块的路径映射。 - 安装 TypeScript 和 Lightning Types——
npm install typescript --save-dev、npm install @salesforce/lightning-types --save-dev（提供 @salesforce 模块和 LWC 装饰器的类型定义）。 - 转换并编译组件——把 .js 改名 .ts、给属性/方法/参数加类型注解、用接口描述复杂数据结构、
tsc编译输出 .js 供部署。
好处：编译时捕获类型错误（而非运行时）、VS Code 更好的自动补全、通过类型注解实现自文档化代码。
Local Dev 预览与 HTML class 绑定
用 Local Dev 更快开发 LWC（Lightning Experience GA）：边编码边实时预览组件，无需部署即可看到变化。支持范围：Lightning Experience 应用（GA）、Experience Cloud 站点、Salesforce 移动应用。限制：需要本地开发服务器、部分 org 特定功能本地不可用、依赖网络访问数据。入门：安装 Salesforce CLI 和 Local Dev Server → sfdx force:lightning:lwc:start → 浏览器打开本地预览 → 改代码即时生效。
用对象或数组语法绑定 HTML class：对象语法 class={property: condition}（如 class="slds-is-active: isActive"），适合多个独立条件；数组语法 class=[baseClass, conditionalClass]（如 class={[baseClass, isActive ? 'active' : '']}），适合带计算的动态 class 列表。应用：导航项的激活/非激活状态、基于记录数据的条件样式、计算 class 名的主题切换。
总结：Summer '25 给 LWC 带来 TypeScript、Local Dev 和增强的 class 绑定，完成这些章节即可维护 JavaScript 开发者认证。
资源
Salesforce Developers「LWC TypeScript Developer Guide」「Local Dev Server」、LWC 文档「HTML Class Binding」。完成这些章节和动手挑战，即可维护 Summer '25 的 JavaScript 开发者认证。
文章来源：Trailhead - JavaScript Developer Certification Maintenance (Summer '25)