JavaScript中变量的作用域

Posted graham

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript中变量的作用域相关的知识,希望对你有一定的参考价值。

变量的作用域

变量的作用域指的是,变量起作用的范围。也就是能访问到变量的有效范围。

javascript的变量依据作用域的范围可以分为:

  • 全局变量
  • 局部变量

==定义在函数外部的变量都是全局变量。==

全局变量的作用域是==当前文档==,也就是当前文档所有的JavaScript脚本都可以访问到这个变量

     <script type="text/javascript">
          alert(a);
          var a = 20;
    </script>

     运行这段代码并不会报错,    alert(a);   这行代码弹出:undefined

      这是因为声明提前!

  • 所有的全局变量的声明都会提前到JavaScript的前端声明。也就是所有的全局变量都是先声明的,并且早于其他一切代码。
  • 但是变量的赋值的位置并不会变,仍然在原位置赋值

     > 所以上面的代码等效下面的代码:
     <script type="text/javascript">
           var a; //声明提前
           alert(a);
           a = 20;    //赋值仍然在原来的位置
     </script>

 

==在函数内声明的变量,叫局部变量!表示形参的变量也是局部变量!==

     局部变量的作用域是局部变量所在的整个函数的内部。 在函数的外部不能访问局部变量。

    <script type="text/javascript">
        function f(){
             alert(v);  //    弹出:undefined
             var v = "abc";  // 声明局部变量。局部变量也会声明提前到函数的最顶端。
              alert(v);    //    弹出:abc
       }
    alert(v);  //报错。因为变量v没有定义。 方法 f 的外部是不能访问方法内部的局部变量 v 的。
    </script>

 全局变量和局部变量重名问题

        <script type="text/javascript">
               var m = 10;
               function f(){
                    var m = 20;
                   alert("方法内部:" + m);  //代码1
               }
                f();
                alert("方法外部:" + m);    //代码2
         </script>

  1. 在上面的代码中,当局部变量与全局变量重名时,局部变量的作用域会覆盖全局变量的作用域。
  2. 也就是说在函数内部访问重名变量时,访问的是局部变量。==所以 "代码1" 部分输出的是20。==
  3. 当函数返回离开局部变量的作用域后,又回到全局变量的作用域。==所以代码2输出10。==
  4. 如何在函数访问同名的全局变量呢?==通过:window.全局变量名==

         技术分享图片

 

JavaScript中有没有块级作用域?

             技术分享图片

             代码1输出什么? undefined还是10?还是报错?

             ==输出10!==

  • JavaScript的作用域是按照函数来划分的
  • ==JavaScript没有块级作用域==

       在上面的代码中,变量 n 虽然是在 if 语句内声明的,但是它仍然是全局变量,而不是局部变量。只有定义在方法内部的变量才是局部变量

      注意: 

  • 即使我们把变量的声明放在 if、for等块级语句内,也会进行==声明提前==的操作

 
























以上是关于JavaScript中变量的作用域的主要内容,如果未能解决你的问题,请参考以下文章

自学JavaScript 变量-作用域

JavaScript中变量的作用域

JavaScript作用域

JavaScript 作用域

JavaScript 作用域

JavaScript 作用域作用域链变量提升