JS函数作用域

      什么是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 里面,如果放到里面去了,尽量在代码的下面调用 。函数调用要在定义下面。如果放到函数定义上面,要在前面声明一下。




  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值