在 dom 准备好之前调用 IIFE 函数答案

【问题标题】：IIFE functions being called before dom is ready angular在 dom 准备好之前调用 IIFE 函数
【发布时间】：2019-04-05 19:05:21
【问题描述】：

我正在使用 Angular 6 开发应用程序。我有一个 javascript 框架文件，其中包含一些常见的事件绑定逻辑，它们是 IIFE 函数。

IIFE 方法甚至在 DOM 加载之前就被调用了。结果事件没有被绑定。

DOM加载完成后如何加载js文件，以便后期调用IIFE函数。

【问题讨论】：

【解决方案1】：

立即调用的函数表达式为变量提供了一个作用域，就像 JavaScript 模块一样。 Angular 依赖于模块，你不需要两者。

您应该尝试将框架集成到您的 Angular 应用程序中。你可以改用 Angular 的 event binding 吗？如果没有尝试将代码插入根组件的lifecycle hooks 之一。

您也可以将其插入文档的load event：

document.addEventListener("load", aFunction);

【讨论】：