在 Adobe Animate 导出的 HTML5 Canvas 项目中，通过外部 JS 脚本实例化 lib 下的元件类时，必须使用带括号的构造函数调用（如 new lib.MySymbol()），遗漏 () 会导致 TypeError。
在 adobe animate 导出的 html5 canvas 项目中，通过外部 js 脚本实例化 `lib` 下的元件类时，必须使用带括号的构造函数调用（如 `new lib.mysymbol()`），遗漏 `()` 会导致 `typeerror`。
Adobe Animate 将时间轴元件导出为 JavaScript 类（位于全局 lib 命名空间下），这些类遵循标准 ES5/ES6 构造函数规范——必须以 new ClassName() 形式调用，且括号 () 不可省略。若误写为 new lib.blueShape（无括号），JavaScript 会将其视为引用未执行的函数对象，而非实例化操作，从而抛出类似 TypeError: lib.blueShape is not a constructor 或 Cannot instantiate given object 的运行时错误（尤其在严格模式或现代浏览器中）。
✅ 正确写法（推荐）：
// 确保在 Animate 生成的主 JS 文件（如 exportRoot.js）加载完成后再执行
if (typeof lib !== 'undefined' && typeof lib.blueShape === 'function') {
let myBlue = new lib.blueShape(); // ← 括号必不可少！
exportRoot.addChild(myBlue);
let xPosition = Math.floor(Math.random() * 700);
let yPosition = Math.floor(Math.random() * 700);
myBlue.x = xPosition;
myBlue.y = yPosition;
// 假设 root 是已定义的数组（如用于后续管理）
if (Array.isArray(root)) {
root.push(myBlue);
}
} else {
console.error('lib.blueShape is not available — ensure Animate export is loaded first.');
}
⚠️ 关键注意事项：
- 执行时机：外部脚本必须在 Animate 生成的 exportRoot.js（含 lib 和 exportRoot 定义）加载并执行完毕后再运行，否则 lib 未定义；
- 作用域隔离：Animate 默认将 lib 挂载在全局作用域，但若项目启用模块化构建（如 Webpack），需显式暴露或导入；
- 元件导出设置：确保 blueShape 元件在 Animate 中已勾选「Export for ActionScript」并设置正确的类名（如 blueShape），且导出类型为「Movie Clip」或「Graphic」（仅 Movie Clip 支持实例化）；
- 调试建议：在控制台执行 console.dir(lib) 可查看所有可用元件类；用 typeof lib.blueShape 验证其是否为 'function'。
总结：new lib.Xxx 是语法错误，new lib.Xxx() 才是合法构造调用。这一细节虽小，却是跨文件协作中常见的“静默陷阱”。养成检查构造函数调用格式、验证依赖就绪状态的习惯，能显著提升 Animate + 外部 JS 开发的稳定性与可维护性。
