亲宝软件园·资讯

展开

对js中局部变量、全局变量和闭包的理解

墨戈 人气:0

对js中局部变量、全局变量和闭包的理解

局部变量

对于局部变量,js给出的定义是这样的:在 JavaScript函数内部声明的变量(使用 var)是局部变量,所以只能在函数内部访问它。(该变量的作用域是局部的)。可以在不同的函数中使用名称相同的局部变量,因为只有声明过该变量的函数才能识别出该变量。只要函数运行完毕,本地变量就会被删除。

我们先来逐步理解:

  • 只能在函数内部访问

    function test() {
        var a = 0;
        return a;
    }
    
    console.log(a);
    //结果:a is not defined

    上面的代码声明了一个test()函数,在函数内部声明了一个局部变量a,当我们尝试在函数外访问局部变量a时,出来的结果是a is not defined

    我们再来看下面这个例子:

    function test() {
        var a = 0;
        return a;
    }
    
    console.log(test());
    //结果:0

    以上两个例子很好的阐述了局部变量只能在函数内部访问,当调用函数时,函数域自动执行其中的代码,局部变量自然也被调用。

  • 只要函数运行完毕,本地变量就会被删除

    function b() {
        var y = 0;
        z = ++y;
        console.log("这是局部变量y:",z)
        return z;
    }
    
    console.log(b(),b(),b());
    //结果:这是局部变量y: 1
    //这是局部变量y: 1
    //这是局部变量y: 1
    //1 1 1

    从上面代码我们可以看出,我们执行了3次函数调用,得到的结果都是1,可能有人会说,这很简单啊,每次出来的结果都是1,那是因为每次执行函数,函数内都会将局部变量y初始化为0。没错,的确是这样,但是如果不初始化变量,则得到的返回值是NaN,所以初始化是必要的。所以,无论用什么办法,在函数内部用一个局部变量去做累加,是不可能实现的。但是,我们可以通过全局变量和闭包来实现累加。

全局变量

在js中,这样定义全局变量, 在函数外声明的变量是全局变量,网页上的所有脚本和函数都能访问它。 全局变量会在页面关闭后被删除。

  • 我们再来看一个例子

    var a = 0;
    
    function b() {
        ++a;
        console.log("这是全局变量a",a);
        return a;
    }
    console.log("这是未改变的全局变量a:",a,"这是函数b():",b(),b(),b(),"这是改变后的全局变量a:",a);
    //结果:这是全局变量a 1
    //这是全局变量a 2
    //这是全局变量a 3
    //这是未改变的全局变量a: 0 这是函数b(): 1 2 3 这是改变后的全局变量a: 3

    上面代码定义了一个全局变量a,和一个b()函数,通过函数内部对a执行自加加,实现了累加目的,通过三次调用函数,得到的结果a为3。

闭包

什么是闭包呢?闭包的定义是这样的,闭包是一种保护私有变量的机制,在函数执行时形成私有的作用域,保护里面的私有变量不受外界干扰。直观的说就是形成一个不销毁的栈环境。

我对闭包的理解是这样的,闭包就是一个内嵌函数引用顶层函数的变量,而顶层函数是一个立即执行函数(自调用函数),因为它会自动调用,所以局部变量不会被删除,但是这会增加内存消耗。

  • 来看一个例子

    function a() {
        var b = 0;
        return function() {
            return ++b;
        }
    }
    
    var closure = a();
    console.log("这是闭包:",closure(),closure(),closure());
    //结果:这是闭包: 1 2 3

    我们看到,由于闭包的特殊机制,使得局部变量在函数执行完之后不会被销毁,由此得到的最后结果为3 ,而不是1。

加载全部内容

相关教程
猜你喜欢
用户评论