js 沙箱的基本概念

最新推荐文章于 2025-06-13 14:17:53 发布

原创最新推荐文章于 2025-06-13 14:17:53 发布 · 2.9k 阅读

2 ·

CC 4.0 BY-SA版权

本文介绍了一种JavaScript沙箱技术的实现方式，通过创建封闭环境避免对全局作用域造成污染。详细解释了如何使用自执行匿名函数来封装特定变量及函数，并通过窗口对象暴露必要的接口。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>

</body>

</html>
<script>
    /*
        沙箱 就是形成一个密闭的环境 不能 主动的影响外界
        js中 起始就是一个 自执行函数
    */
    // (function (window) {
    // 传入形参 也可以帮助我们压缩 参数的名字
    (function (w) {
        // 密闭的环境
        // var num = 998;
        // var skill = '霸王金链';

        // 封装某些东西
        var secret = '我有一个小秘密 不告诉你';

        function saySec() {
            console.log('我的秘密就是 我是一条小青龙');
        }
        // 对外 提供一些 访问的方式
        // 设置给window对象
        // 如果直接访问全局的window 相当于是内部主动的去影响外部的世界
        w.saySec = saySec;
    }(window)) // 全局的 window对象 传入

    // console.log(num);
    // console.log(skill);
    // 访问 saySec
    window.saySec();
</script>