Npm（Node Package Manager）是非常流行的 JavaScript 包管理器。在前端开发中，我们常常需要使用 npm 来安装和管理依赖的包。其中，jurassic 是一款用于验证 JavaScript 中位于非安全代码区域（比如 eval 函数）的工具。
在本文中，我们将详细介绍 jurassic 的使用方法，并提供示例代码。希望本文能够对前端开发者有所帮助。
安装 jurassic
使用 npm 安装 jurassic：
--- ------- --------
在项目中引入 jurassic：
----- -------- - --------------------
使用 jurassic
验证 eval 函数
我们首先来看一个例子，验证 eval 函数的安全性。假设我们有这样一段代码：
--- ---- - -------------------- ----------- --- ------ - -----------
我们想要判断这段代码是否安全。我们可以使用 jurassic 的 validate 方法：
--- ---------------- - ------------------------ -- ----------------- --- ------ - ----------------- -------- -- --- -------- - ---- -- ------- ---------------- --- --------- - ----------------- -------- -- ----- --- -------- ---------- -------- ------------------ - ---- - ----------------- -------- -- -------- -
如果 validate 返回 false，则 eval 函数并不安全。否则，返回值为 undefined 或非 object 类型，则 eval 函数安全。
验证 Function 构造函数
另一个常见的非安全代码区域是 Function 构造函数。我们可以使用和 eval 函数类似的方法来验证 Function 构造函数的安全性：
--- ---- - -------------------- ----------- --- ------ - --- ----------------- --- ---------------- - --------------------------- -------- -- ----------------- --- ------ - --------------------- ----------- -- --- -------- - ---- -- ------- ---------------- --- --------- - --------------------- ----------- -- ----- --- -------- ---------- -------- ------------------ - ---- - --------------------- ----------- -- -------- -
验证其他非安全代码区域
当然，除了 eval 函数和 Function 构造函数以外，JavaScript 中还有很多其他的非安全代码区域。使用 jurassic，我们可以轻松验证这些代码区域的安全性，如 with 语句、setTimeout 函数、setInterval 函数等等。
深入理解 jurassic
如果你对 jurassic 源码感兴趣，可以参考以下内容：
validate 方法
--- -------- - -------- ------ ------- - --- -------- - -------------- -
----- ---- - ------------ -- ---------
----- ----- - ------------- -- ---
----- ------- - --------- ----------
----- -------- - --------------- -------- -----------------------
----- -- - -------------------------- ----------------------------- ---------- --------
----- --- - ------------------------------------------
--------
---------------
---------
--
----- --- - ---------- -
----------- -------------------
--------------------------- -----
-------- ----------------
---
--- ----
--- -
----- ------------- - --------------------- -------
--
- ------- - ---------- ------- -- ----- -- ----- -- -------- -- ------
- ---- -- --- ------ --- ---------- ----------- ---- -- -------- -------
- ----------- -------
-
- -------------- ----- ------ --------- ----- -- ------ -- --------- ---
- ---- --- ------ -- ---- ---- ------ --- ----- -- -------- -- --- -------
- ---------- -------
-
- ----- ------ --------- -- ------ ------- -- -----
--
----- -------------- - --------------- -------- ---------
----- ------- - ---------------------------------
----- -------------- - ---- --- - ---------------------- -----
--- - --- ------------------------- ---------- ---------------------------------
- ----- --- -
-- ---- -------
-
-- ------- --- --- ----------- -
-- -----------
------ ------
-
--- -
------
- ----- --- -
------ --
-
--validate 方法接收三个参数，分别是待验证的代码、可选的选项以及文件名。其中，options.mode 是验证模式（strict 或 lax，即验证不通过时是禁止代码执行还是容许执行），options.scope 是代码执行时的作用域，fileName 是可选的文件名（默认为 ''）。
validate 方法的核心是将输入的代码进行转换、解析和编译，然后在一个沙箱环境中运行该代码并验证其是否安全。在 validate 方法中，我们使用了许多节点处理的工具，例如 transform、parse 和 escodegen，这些工具被用来转换、解析和编译 JavaScript 代码。
沙箱
在 validate 方法中，我们通过 vm 模块和 with 语句来创建了一个沙箱环境。沙箱环境是一个类似于浏览器 JS 解释器中的全局对象，其中包含了一些可以被代码访问到的全局 API。在 jurassic 中，我们使用了 sandboxContext 对象来模拟这个沙箱环境。在这个对象中，我们提供了一些能被代码访问到的全局 API，比如 sandboxedJSON 和 console。为了防止代码访问到系统级别的 API，我们并没有在沙箱环境中提供 jQuery、XMLHttpRequest 等全局对象，这些全局对象在浏览器 JS 解释器中是可以被访问到的。
代码转换
在 validate 方法中，我们使用了一个叫做 "code transformer" 的工具将 JavaScript 代码转换成 AST（Abstract Syntax Tree）。AST 是一种抽象的语法树结构，其中包含了语法元素和它们的结构关系。在 AST 中，语句和表达式被表示为节点，节点可以有不同的子节点和属性。借助 AST，我们可以轻松地遍历和操作 JavaScript 代码。
代码解析
AST 转换后，我们使用了 acorn 模块将其解析为 AST。acorn 是一个 JavaScript 解析器，可以将 JS 代码解析为 AST 树。在解析过程中，我们可以使用 acorn 的选项来指定 JS 代码的解析方式。
代码编译
代码编译是 validate 方法的核心，在编译过程中，我们将 AST 转换为 JS 代码字符串，然后在沙箱环境中使用 Function 构造函数将其转换为可执行的 JavaScript 代码。再执行该代码，并通过 try/catch 来判断代码是否安全、可执行。
总结
在本文中，我们学习了如何使用 npm 包 jurassic 进行有效性验证，使用方法包括验证 eval 函数、Function 构造函数和其他非安全代码区域。我们还介绍了 jurassic 的内部原理和深度内容，过程包括代码转换、代码解析和代码编译。相信通过本文的学习，你对 jurassic 的使用和原理有了更深刻的理解。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5eedb51fb5cbfe1ea06113d3