简介
lively.vm 是一个支持在浏览器中运行 JavaScript 代码的 npm 包，它基于 vm.js 实现并扩展了一些功能。通过使用 lively.vm，我们可以在浏览器中动态加载 JavaScript 代码，并且执行这些代码，这对于开发一些 web 应用具有重要的意义。
安装
我们可以使用 npm 包管理器来安装 lively.vm。在终端中输入以下命令即可完成安装：
npm install lively.vm
使用
创建 Virtual Machine
使用 lively.vm 首先需要创建一个 Virtual Machine 对象。这个对象来管理、执行、监视 JavaScript 代码。
import { VM } from 'lively.vm';
const vm = new VM();加载代码
接下来，我们使用 vm.loadModule 加载 JavaScript 代码，然后通过 vm.runModule 来执行它。例如，下面的代码使用 vm 对象加载一个函数，并在浏览器 console 中输出它的返回值：
-- -------------------- ---- -------
----- ---- - -
-------- ------------ -
------------------ ---------
------ ------ --------
-
--
------------------------- ------
------------------------
--------- -- ------------------交互式开发
lively.vm 还支持交互式开发。我们可以通过 vm.eval 函数来实现。例如，下面的代码将在浏览器 console 中输出执行表达式的返回值：
vm.eval('1 + 2')
.then(ret => console.log(ret));文件系统
lively.vm 内部维护了一个虚拟的文件系统，在我们的代码中可以通过 require 函数加载 JavaScript 模块。例如，下面的代码在浏览器上运行一个基于 Node.js 环境的代码：
-- -------------------- ---- -------
----- ---- - -
----- ---- - ----------------
----- ------ - ----------------------- ---- -- -
-------------- - ----
----------------------------- --------------
--------------- ---------
---
------------------- ------------ -- -- -
------------------- ------- -- -------------------------
---
--
------------------------- ------
-------------------------沙箱环境
使用 lively.vm 我们还可以创建一个沙箱环境，这个沙箱环境可以增强安全性，避免一些恶意代码的执行。例如，下面的代码创建了一个沙箱环境：
-- -------------------- ---- -------
------ - ------------- - ---- ------------
----- ---- - -
----- ---- - ----------------
----- ------ - ----------------------- ---- -- -
-------------- - ----
----------------------------- --------------
--------------- ---------
---
------------------- ------------ -- -- -
------------------- ------- -- -------------------------
---
--
----- ------- - -
----- -----
-------- -
-------- --------
-
--
----- ------- - -----------------------
--------------在上面的代码中，我们将 require 函数的参数限定为通过配置的特定模块，避免了一些恶意代码的注入。
结论
lively.vm 是一个非常实用的开发工具，它可以在浏览器中动态加载、执行 JavaScript 代码，让我们能够在交互环境中调试 JavaScript 代码，并且还可以创建沙箱环境，增强安全性。在我们的 Web 开发中，lively.vm 能够为我们带来不少便利。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/76753