简介
在前端开发中，只要是在浏览器中执行的代码，都会面临安全问题。而严格限制了代码的权限通常又会对一些开发场景造成问题。因此，我们需要一种方便的方式来实现安全且充分利用资源的代码执行方式。
observ-confined 就是一种解决方案，它基于 observ 实现了非常灵活、可控的代码执行环境。同时，observ-confined 也充分考虑了在使用过程中的可维护性和扩展性等问题。
本文将为大家介绍 observ-confined 包的使用方法，并提供一些具体示例。
安装
使用 npm 可直接安装：
npm install --save observ-confined
使用
observ-confined 的主要使用方法是通过创建 Cell 实例（类似 observ）。每个 Cell 实例都代表执行环境中的一个变量，且该变量的值只能通过特定的方式被修改。
实例创建方法如下：
-- -------------------- ---- ------- ------ - ------- - ---- -------- ------ - ---------- - ---- ----------------- ----- ------ - ---------------------- - ---- -- - -- ------ ------ ------------ -- ----- ------- - -- ------ ------------ - ----- - --展开代码
除了 createCell 方法之外，observ-confined 同样也提供了辅助函数和工具函数，例如：
applyCodeScript()，使用 Script 或 CodeModule 执行代码createRestrictedFunction()，创建受限制的函数createSandbox()，创建执行环境evaluate(), eval() 的更安全版returnUndefined(), 用于返回 undefined 的函数- 等等
下面给出一些举例：
模拟 AJAX 请求
一个前端开发中常见的需求是模拟 AJAX 请求。下面示例使用 createRestrictedFunction 创建限制函数（不允许访问全局对象或函数）模拟一个简单的 AJAX 请求，并返回请求结果。
-- -------------------- ---- ------- ------ - ---------- - ---- ----------------- ------ - ------------------------ - ---- ------------- ----- ------- - ---------------- ----- ------------ - --------------------------------- ----- - ------ --- ----------------- ------- -- - ----- --- - --- ---------------- ---------------------- - -- -- - -- --------------- --- - -- ---------- --- ---- - ------------------------- - - --------------- ---- ----- ---------- -- -- ---------- -- - -- ----------------- - ------------------------------------------- -- - ------------------- ---------------- -- - ------------------ -- - --展开代码
基于权限的代码执行
下面这个示例演示了如何创建一个只有 console.log 方法的执行环境：
-- -------------------- ---- ------- ------ - ------------------------ - ---- ------------- ------ - ------------- - ---- ----------------- ----- ------------------ - - ---- -------------------------- - ----- ------- - --------------- -------- ------------------------------ - ------ - ------ ------------------ -- ------------ - ------------ - ----- -- --- -- ----- -------- - --------------------------------- ------ - ------ -------------------------- -- ----------------------------- --------- -- ------- ------展开代码
由于 sandbox 中只能访问 console 对象，因此执行中的代码无法访问其他全局变量和方法。
总结
observ-confined 是一种实现可控制和安全的代码执行环境的解决方案，用户可通过 Cell 和 Sandbox 等 API 创建具体的执行环境。同时，observ-confined 同样也提供了丰富的辅助函数和工具函数方便用户使用。通过本文的详细介绍和具体示例，希望读者对 observ-confined 包有了更加深入的了解和掌握。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066f9c3d1de16d83a66f48
