JS函数作用域

本文详细解释了JavaScript作用域的概念,包括全局作用域和局部作用域,并通过实例展示了浏览器中JavaScript解析器的工作原理,从准备工作到逐行解读代码的过程。

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

    什么是JS作用域:
        域:空间、范围
            
            全局:整个 document 的 script
            局部:函数、对象内
            
        作用:读、写
    
    浏览器中:JS 解析器的工作原理
    
    代码读到 script 标签了,JS 解析器就开始工作了(至少分两步)
    
        1、准备工作:找东西(var、函数、参数——根据这三样去找)
                变量 a = 未定义
                参数 a = 未定义
                函数 fn1 = 函数的整体
            注:如果发现重名,肯定只能留下一个(有值的那个)!

            预解析的过程
            
        2、逐行解读代码
                在读代码的过程中,解析器不断去自己的“表”找有没有东西
                一旦读到的是“表达式”
                    “表达式”:动作,会去修改“表”里面的值
                    = += -= *= /= %= 所有的数据类型转换、参数

==示例1==
alert(a);            // undefined
var a = 1;
alert(a);            // 1
function fn1(){ alert(123); }  //未调用


==示例2==
alert(fn1);            // function fn1(){ alert(1); }   
function fn1(){ alert(1); } // 解析时函数名和变量重名,留下函数,因为变量是未定义,而函数是解析的整体
var fn1 = 2;
alert(fn1);            // 2
fn1();                    // 报错
// 你看到的代码,不是解析器看到的代码!!!


==示例3==
alert(a);                            // function a(){ alert(3); }   
var a = 1;
function a(){ alert(2); }
alert(a);                            // 1
function a(){ alert(3); }
alert(a);                            // 1


==示例4==
alert(a);            // function a(){ alert(4); }
var a = function(){ alert(1); };
alert(a);            // function(){ alert(1); };
function a(){ alert(2); }
alert(a);            // function(){ alert(1); };
var a = function(){ alert(3); };
alert(a);            // function(){ alert(3); };
function a(){ alert(4); }
alert(a);            // function(){ alert(3); };

==示例5==
var a = 1;
function fn1(){
    alert(a);            // undefined
    var a = 2;
}
fn1();
alert(a);                // 1

==示例6==
var a = 1;              //全局变量
function fn1(){
    alert(a);            // 1
    a = 2;
}
fn1();
alert(a);                // 2

==示例7==
var a = 1;
function fn1(a){
    alert(a);            // 1
    a = 2;
}
fn1(a);
alert(a);                // 1

==示例8==
alert(i);          //undefined
fn1();            // 谷歌可以预解析fn1;FF版本不可以,浏览器报错, fn1 is not defined
if(true){
    var i = 0;
    function fn1(){
        alert(1);    // chrome:  1
    }
}
alert(i);           // chrome:  0
fn1();              // chrome:  1
//  函数定义尽量不要放到 if for 里面,如果放到里面去了,尽量在代码的下面调用 。函数调用要在定义下面。如果放到函数定义上面,要在前面声明一下。




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值