作用域和作用域链

本文介绍了JavaScript中的作用域概念,强调作用域在函数定义时已确定,并通过静态的作用域链查找变量。示例展示了函数内部如何访问全局变量,以及`this`关键字在对象方法中的应用。在面试题中,解释了为何`fn2`在对象方法内无法直接调用,而`this.fn2`可以成功的原因。
摘要由CSDN通过智能技术生成
    var a = 10,
    b = 20;
    function fn(x){
        var a =100;
        c= 300;
        console.log('fn()',a,b,c,x)
        // 100 20 300 10
        function bar(x) {
            var a = 1000;
            d=400;
            console.log('bar()',a,b,c,d,x)
            //1000 20 300 400 100
            //1000 20 300 400 200
        }
        bar (100);
        bar (200);
    }
    fn(10);

全局作用域,每个函数都会创建自己的作用域,作用域在函数定义的时候已经确定,作用域是静态的,函数定义后一直存在,且不再变化。

作用域链:从内到外,查找变量是沿着作用域查找,如果都找到全局作用域链,还找不到就抛出异常。

面试题:

    var x= 10;
    function fn(){
        console.log(x)
    }
    function show(f){
        var x=20;
        f();
    }
    show(fn);

结果是10,因为作用域在定义好的时候就已经确定了,调用f()就是调用fn(),在fn()函数中找不到x变量,但是在全局作用域中有x=10

面试题:

var obj = {
        fn2:function(){
            console.log(this.fn2);
            console.log(fn2);
        }
    }
    obj.fn2();

this.fn2是可以调用成功的,但是fn2是不行的,会根据作用域链去寻找,一直找不到fn2,然后报错。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
作用域是指在程序中定义变量的区域,它决定了变量的可见性和生命周期。作用域链是在函数执行时形成的,它是由当前函数的作用域和上层作用域的一系列变量对象组成的链式关系。作用域链的存在保证了在当前执行的作用域中可以有序地访问到符合访问权限的变量和函数。 作用域链的形成是在函数执行时发生的。当一个函数被调用时,会创建一个新的执行上下文,并将该执行上下文的作用域链初始化为当前函数的作用域。然后,它会将上一级函数的变量对象添加到作用域链中,形成一个链式关系。这样,当在当前函数中访问一个变量时,会先在当前函数的作用域中查找,如果找不到,就会继续在上一级函数的作用域中查找,直到找到或者到达全局作用域。 通过作用域链,函数可以访问到上层作用域中的变量和函数,但上层作用域不能访问到下层作用域中的变量和函数。这种嵌套的作用域作用域链的机制,使得程序可以灵活地组织和管理变量和函数,提高了代码的可读性和可维护性。 范例:<<引用:而作用域链,就是有当前作用域与上层作用域的一系列变量对象组成,它保证了当前执行的作用域对符合访问权限的变量和函数的有序访问。 。 引用:作用域链scopeChain的形成:作用域链是在函数执行的时候形成的。他包括当前函数的作用域[[scope]]、当前执行的上下文EC,以此来建立的一个链式关系 。 请回答我或者给我介绍或演示一下:什么是作用域作用域链? 作用域是指在程序中定义变量的区域,它决定了变量的可见性和生命周期。作用域链是在函数执行时形成的,它是由当前函数的作用域和上层作用域的一系列变量对象组成的链式关系。作用域链的存在保证了在当前执行的作用域中可以有序地访问到符合访问权限的变量和函数。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值