js中变量的作用域

变量定义：可以使用var定义变量，变量如果没有赋值，那变量的初始值为undefined。
全局变量：全局变量也称为外部变量，定义在所有函数之外的变量，不属于哪个函数。其作用域是整个源程序。
局部(函数级)变量：
使用var定义在函数体内部的变量，只在函数内部有作用，他只能在定义他的函数中使用，超出函数体的范围不能进行使用。
块级变量：
let/const 定义变量。
let定义的是变量，即以后还可以修改变量中的值。
const定义的是常量，即一旦变量中的值被确定，则以后不能再修改。
Js 变量声明提升和函数声明提升
1.变量声明提升

下面将以一个例子来说明这个问题
        function test() {
                    console.log("循环前：" + i);//undefined
                    for (var i = 5; i >= 0; i--) {
                        console.log("循环中：" + i);//分别输出5 4 3 2 1 0
                    }
                    console.log("循环后：" + i);//-1
                }

                test();

注：其实变量声明提升就是将所有使用 var 定义的变量声明部分提升到对应作用域的最顶部，变量赋值位置不变。

提升后的代码为：
        function test() {
                    var i;
                    console.log("循环前：" + i);//undefined
                    for ( i = 5; i >= 0; i--) {
                        console.log("循环中：" + i);//分别输出5 4 3 2 1 0
                    }
                    console.log("循环后：" + i);//-1
                }

                test();

 注：因为变量只声明没有赋值，所以一开始会输出undefined。

函数声明提升：函数分为函数声明方式和函数表达式两种声明方式。即函数也有函数声明提升方式和函数表达式声明提升两种。

  1.函数声明提升：
        var num = 15;
                changeNum();
                function changeNum() {
                    console.log(num); // undefined
                    num = 99;
                    console.log(num); // 99
                    var num = 1;
                    console.log(num); // 1
                }
                    console.log(num); // 15

  注：函数声明方式定义的函数，将整体都提升到对应作用域的最顶部。

2.函数表达式声明提升：
                var changeNum;
                var num = 15;
                changeNum = function () {
                console.log(num); // undefined
                num = 99;
                console.log(num); // 99
                var num = 1;
                console.log(num); // 1
            }

            changeNum();
            console.log(num); // 15

   注：函数表达式的方式定义的函数，则只将变量声明提升到对应作用域的最顶部，变量赋值部分位置不动。