javascript - 在内容加载时运行 js 的有组织的方式是什么？

Question

我正在创建一个基于 ajax 的基于 Web 的应用程序。我正在使用 jQuery 和 php。作为发生 $.ajax 成功回调时的临时解决方案，我将 file.php 加载到页面中，并在完成后运行自定义函数 initialize_js，该函数查找我知道需要初始化的元素并为这些元素运行一些 javascript。

我目前的解决方案与这篇文章类似

恕我直言，这将变得非常庞大且难以管理。我知道我可以将 js 分离到它自己的文件中并进行第二次 ajax 调用以将此内容作为脚本加载，但我觉得这会产生很多开销。

您有什么建议，以便代码有条理且可重用。我希望将我的 javascirpt_ajax 例程放入站点上其他项目的可重用文件中，而这些自定义功能不能在其中。

Answer 1

首先，我建议您将 javascript 代码编写为 OOP 类/函数。谷歌会帮助你。

那么既然你说你会有很多代码，出于多种原因将JS代码拆分为多个文件是强制性的：灵活性、维护、优化等

最后你应该看看[ RequireJS . 它可以帮助您动态加载 js 文件。因此，您只需在需要时加载所需的功能。不是所有文件同时出现。

PS 如果您想更加严谨并像专业人士一样工作，那么您可以尝试使用 MVC 库，例如 BackboneJS、SpineJS、AngularJS 等。