JavaScript函数的作用域怎么区分 javascript作用域有几种

10、JavaScript 作用域

1. 作用域概述

作用域限定代码名字（变量）只在某个范围内起效果，减少了名字冲突。

JavaScript（es6前）中的作用域有两种：

• 全局作用域
• 局部作用域（函数作用域）

2. 全局作用域

作用于所有代码执行的环境(整个script标签内部)或独立的js文件。

var num = 1;
        console.log(num);

3. 局部作用域

作用于函数内的代码环境，就是局部作用域。 也称为函数作用域。

function fu() {
            var num = 2;
            console.log(num);
        }
        fu();

4. 块级作用域

• 块作用域由 { } 包括。
• 在其他编程语言中（如 java、c#等），在 if 语句、循环语句中创建的变量，仅仅只能在本 if 语句、本循环语句中使用，如下面的Java代码：
  java有块级作用域：

if(true){
  int num = 123;
  system.out.print(num);  // 123
}
system.out.print(num);    // 报错

以上java代码会报错，是因为代码中 { } 即一块作用域，其中声明的变量 num，在 “{ }” 之外不能使用；而与之类似的JavaScript代码，则不会报错。js中没有块级作用域（在ES6之前）

if(true){
  var num = 123;
  console.log(123); //123
}
console.log(123);   //123

5.变量的作用域

在JavaScript中，根据作用域的不同，变量可以分为两种：

• 全局变量
• 局部变量

5.1 全局变量

• 在全局作用域下 var 声明的变量 是全局变量
• 特殊情况下，在函数内不使用 var 声明的变量也是全局变量（不建议使用）
• 全局变量在代码的任何位置都可以使用
• 浏览器关闭的时候才会销毁，比较占内存资源

var num1 = 1; // num1是全局变量
        console.log(num1);

5.2 局部变量

• 在函数内部 var 声明的变量是局部变量
• 函数的形参实际上就是局部变量
• 局部变量只能在该函数内部使用
• 程序执行完毕就会销毁， 比较节约内存资源

function fu1() {
            // 形参也可以看作局部变量
            var num2 = 2; //num2是局部变量
            num3 = 3; // num3是全局变量 
            console.log(num2);
            console.log(num3);
        }
        fu1();

6、作用域链

作用域链：内部函数访问外部函数变量，采用链式查找方式来确定取哪个值，遵循就近原则

var num4 = 10;

        function fu2() {
            var num4 = 20; // 外部函数

            function fu3() {
                console.log(num4); // 内部函数
            }
            fu3();
        }
        fu2(); // 输出20