简介
Load-script2 是一个轻量级的 JavaScript 库，可以帮助我们动态加载 JavaScript 脚本，并提供通知回调来告知脚本何时加载完成。
安装
我们可以通过 npm 包管理器来安装 load-script2，只需要在终端中运行以下命令即可：
npm install load-script2
使用方法
初始化
在使用 load-script2 之前，我们需要初始化一个新的实例。创建一个 JavaScript 文件，命名为 main.js，并在其中添加以下代码：
import LoadScript from 'load-script2';
const loader = new LoadScript('https://example.com/script.js');这个实例将会帮助我们动态地加载名为 script.js 的 JavaScript 文件。
加载文件
接下来，我们需要调用 loader.load() 方法来加载 JavaScript 文件：
loader
.load()
.then(() => {
console.log('Script loaded successfully');
})
.catch((error) => {
console.error(error);
});以上代码将会加载 script.js 文件，并在加载成功之后打印一个成功的日志。如果出现错误，则会在控制台上打印错误信息。
加载多个文件
如果我们需要加载多个 JavaScript 文件，我们可以按照以下方法加载这些文件：
-- -------------------- ---- -------
----- ------- - --- ---------------------------------------------
----- ------- - --- ---------------------------------------------
----- ------- - --- --------------------------------------------- -----------------------------------
---------------------------- --------------- ----------------
-------- -- -
---------------- ------- ------ ---------------
--
-------------- -- -
---------------------
---我们创建了三个实例：loader1、loader2 和 loader3。loader3 接受了一个数组，可以一次加载多个 JavaScript 文件。Promise.all() 方法确保所有文件都成功加载。
加载选项
Load-script2 提供了一些可选的加载选项，可以在加载时指定。以下是可用选项的一些示例：
-- -------------------- ---- -------
----- ------ - --- ------------------------------------------- -
------ -----
------ -----
-------- --------
-------- ------
------- ------
---
------
-------
-------- -- -
------------------- ------ ---------------
--
-------------- -- -
---------------------
---async
设置此选项为 true 将异步加载 JavaScript 文件。默认情况下，此选项为 false（同步加载）。
defer
设置此选项为 true 将延迟加载 JavaScript 文件，直到页面完成解析。默认情况下，此选项为 false（立即加载）。
charset
设置此选项可更改 JavaScript 文件的字符集。默认情况下，此选项为 null（浏览器默认字符集）。
timeout
设置此选项可指定加载脚本的超时时间（以毫秒为单位）。如果加载时间超过此超时时间，则会抛出错误。默认情况下，此选项为 null，表示不设置超时。
global
设置此选项可指定 JavaScript 文件中公开的全局变量名称。默认情况下，此选项为 null（不存在全局变量）。
回调
Load-script2 还提供了三种回调选项，以便我们在脚本加载成功或失败时得到通知：
-- -------------------- ---- -------
----- ------ - --- ------------------------------------------- -
-------- -------- -- -
------------------- ------ ---------------
--
------ -------- ------- -
---------------------
--
--------- -------- -- -
-------------------- -----------
--
---
--------------success
设置此回调函数可在脚本成功加载时调用。
error
设置此回调函数可在加载过程中发生错误时调用。
complete
设置此回调函数可在加载完成时调用，无论成功与否。
总结
Load-script2 可以帮助我们轻松地动态加载 JavaScript 文件，并提供通知回调来告知何时加载完成。通过使用加载选项和回调，我们可以更好地控制加载行为，并更好地管理代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/96374