JS进阶-闭包的几种常见形式

最新推荐文章于 2024-04-22 03:57:30 发布

转载最新推荐文章于 2024-04-22 03:57:30 发布 · 213 阅读

CC 4.0 BY-SA版权

原文链接：https://www.mk2048.com/blog/blog.php?id=hbk00ckj1h0j&title=JS%E8%BF%9B%E9%98%B6-%E9%97%AD%E5%8C%85%E7%9A%84%E5%87%A0%E7%A7%8D%E5%B8%B8%E8%A7%81%E5%BD%A2%E5%BC%8F

文章标签：

#javascript

前端专栏收录该内容

241 篇文章

订阅专栏

本文深入探讨了JavaScript中的作用域链概念，包括全局作用域、局部作用域和词法作用域的区别，以及如何利用闭包突破作用域限制，实现变量的持久存储。通过具体示例，展示了闭包在保持函数内部状态方面的应用。

作用域链：

//作用域链
    var a = 1;
    function test() {
        var b =2;
        return a;
    }
    alert(test());//弹出1；
    alert(b);//不能获取b

//scope chain
    var a = 1;
    function test() {
        var b = 2;
        function test1() {
            var c = 3;
            alert(a);
            alert(b);
            alert(c);
        }
        test1();
    }
    test();//弹出1，弹出2，弹出3；

词法作用域：

//词法作用域；
    function f1() {
        var a = 12;
        return f2();
    }
    function f2() {
        return a;
    }
    alert(f1());//并不能获取a，a在f2()中并未定义；

function f1() {
        var a = 1;
        return f2();
    }
    function f2() {
        var b = 3;
        alert(b);
        return a;
    }
    alert(f1());//弹出3，a在f2()中未定义

function f1() {
        var a = 1;
        return f2();
    }
    function f2() {
        var b = 3;
        alert(b);
        return a;
    }
    alert(f1());//弹出3，a在f2()中未定义,undefined
    var a=55;
    alert(f1());//弹出3，弹出55

如何通过闭包突破全局作用域链——几种常见形式

//通过闭包突破全局作用域链
    function f() {
        var a = "sun";
        return function () {
            return a;
        }
    }
    var test = f();
    alert(test());//弹出sun

var n;
function f() {
    var a = "sun";
    n = function () {
        return a;
    }
}
f();
alert(n());//弹出sun

   function f(param) {
        var n =function () {
            return param;
        };
        param  ;
        return n;
    }
    var test = f(45);
    alert(test());//弹出46；