在 Adobe Animate 导出的 HTML5 Canvas 项目中，通过外部 JS 脚本实例化 lib 下的元件类时，必须使用带括号的构造函数调用（如 new lib.MySymbol()），遗漏 () 将导致 TypeError。
在 adobe animate 导出的 html5 canvas 项目中，通过外部 js 脚本实例化 `lib` 下的元件类时，必须使用带括号的构造函数调用（如 `new lib.mysymbol()`），遗漏 `()` 将导致 `typeerror`。
Adobe Animate 在导出 HTML5 Canvas 时，会将时间轴元件（如 MovieClip 或 Graphic）自动编译为 JavaScript 类，并挂载到全局 lib 对象下。这些类必须以标准构造函数方式调用——即使用 new 关键字 + 圆括号 ()，否则 JavaScript 引擎会将其识别为普通函数引用或未执行的构造器，从而抛出类似 TypeError: lib.blueShape is not a constructor 或 Cannot read property 'x' of undefined 的运行时错误。
✅ 正确写法（带括号，触发实例化）：
// 假设元件在库中命名为 "blueShape"，且已勾选「导出为 ActionScript/JavaScript」并设置链接标识符 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 (!window.root) window.root = []; root.push(myBlue);
❌ 常见错误（无括号，仅引用类而非创建实例）：
let myBlue = new lib.blueShape; // ❌ 缺少 ()，语法虽不报错但行为异常，实际返回 undefined 或引发 TypeError
⚠️ 注意事项：
- 元件导出设置至关重要：在 Animate 中右键库元件 →「属性」→ 勾选「为 JavaScript 链接导出」，并填写唯一、合法的标识符（如 blueShape），避免空格、特殊字符或保留字；
- 执行时机需保障：外部脚本必须在 Animate 生成的主 JS（如 exportRoot 初始化完成之后）再执行，推荐将代码置于 init() 回调内，或监听 stage 加载完成事件；
- 作用域与全局对象：lib 和 exportRoot 默认挂载在 window 下，外部脚本需确保与 Animate 输出脚本同域、同执行上下文（不建议用模块化 import 直接引入，除非重写构建流程）；
- 调试技巧：可在浏览器控制台输入 console.log(lib) 查看可用类列表，确认 blueShape 是否存在且为函数类型（typeof lib.blueShape === 'function'）。
总结：new lib.Xxx() 不是可选语法糖，而是强制要求——它标志着你正在请求 Animate 运行时创建一个该元件的新实例。漏掉括号，就等于只“指着图纸”，却没“开工建造”。遵循这一规范，即可安全、稳定地从外部脚本操控 Animate 内部资源。
