欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

javascript基础学习之*变量与作用域链

程序员文章站 2022-06-29 08:30:29
在某个作用域a中使用的变量,却没有在这个作用域中声明,而是在其他作用域中声明,那么这个变量对于a这个作用域来说就是*变量。 举个栗子 var x = 10 function...

在某个作用域a中使用的变量,却没有在这个作用域中声明,而是在其他作用域中声明,那么这个变量对于a这个作用域来说就是*变量。

举个栗子

    var x = 10
    function fn() {
        var b = 20
        console.log(x + b)  //这里使用的x就是一个*变量
    }

fn中使用的x是在全局作用域中声明的,因此x对于fn来说是一个*变量

当fn中使用b时可以直接去他自己的作用域中找到,但是使用x的时候呢,要去调用他作用域中找吗,看个例子

    var x = 10
    function fn() {
        var b = 20
        console.log(x + b)  //30
    }

    function f(g) {
        var x = 20
        g()
    }

    f(fn)

这里x是找的全局作用域中的10,而不是调用他的作用域f中的x=20

重点内容实际上,是去创建他的作用域中去找,是创建而不是调用

这样就显而易见了,fn是在全局作用域中被创建的,所以不论你在哪儿调用,都是去全局作用域下找变量,如果找不到,就继续去上一层找。全局作用域是底线,在全局都找不到那是真的找不到了。这个寻找过程就是“作用域链”。

    var a = 10
    function fn() {
         var b = 20

        function bar() {
            console.log(a + b)
        }

        return bar
    }

    var x = fn(),
        b = 200

    x()

在上面的代码中,fn返回bar函数,将bar赋值给x,通过x()调用了bar,bar被创建的作用域是fn,fn被创建的作用域是全局。执行bar时,b直接去fn中找,a去全局找