JS作用域

作用域

一个变量能够起作用的区域。

1. 作用域的分类：全局作用域 私有作用域 。
2. 全局作用域： script标签之间都是全局作用域的范围。
3. 范围: 所有的script标签都属于全局作用域
4. 私有作用域: 只有函数会开辟私有作用域
5. 范围: 函数的函数体内部

先举个例子

	// 当前是全局作用域
	var num = 100; // 在全局作用域中定义的变量
	// 定义一个函数
	function demo() {
	   var num = 101; // 这是在函数作用域中定义的变量
	    console.log(num); //在 函数内部打印
	}
	// 执行函数
	demo(); // 101

此时会输出101 ，当在函数内部访问变量num的时候，先看当前作用域中是否有num 找到了！ 于是就用101 输出101。

    var num = 100; // 在全局作用域中定义的变量
    //定义一个函数
    function demo(){
    	console.log(num); //在 函数内部打印
    	var num = 101;
    }
    demo(); // undefined

此时输出为 undefined，为什么呢？因为声明提升的原因(js预解析过程中会将声明变量和函数提升到当前作用域最前面)，代码其实是这样子的：

    var num ; // 在全局作用域中定义的变量
    //定义一个函数
    function demo(){
    	var num;
    	console.log(num); //在函数内部打印
    	num = 101;
    }
    num = 100; 
    demo(); // undefined

在函数作用域中定义的变量 虽然定义是在这里 但是提升了。

那接下来我们再看

	var num = 100; // 在全局作用域中定义的变量
    // 定义一个函数
    function demo() {
        var num = 101; 
    }
    // 执行函数
    demo();
    // num是多少
    console.log(num); // 100 在全局中打印 

此时输出的num=100；因为此时控制台所输出的为全局作用域中的变量，而函数demo() 是一个是私有作用域。

	var num = 100; // 在全局作用域中定义的变量
    // 定义一个函数
    function demo() {
       num = 101; 
    }
    //console.log(num); // 100
    demo();
    // num是多少
    console.log(num); // 101 

 读代码：
    1 提升声明（预解析）；
    2 给全局中的num赋值为100 ；
    3 执行函数；
    4 将num赋值为101 。
 问题的关键在于：修改的这个num到底是不是全局中的？ 
 答案就是： 依旧是就近原则， 如果当前作用域中有声明的num变量 
 就修改它 如果没有向上寻找 如果找到了就修改它 如果没有找到再向上寻找 
 重复这个过程 直到找到或者到了全局作用域中还没有找到，就会在全局中声明这个变量并赋值。

1. 如果一个变量没有通过var声明 就直接赋值

    num = 101;
    console.log(num);

这种不经过声明就直接赋值而且还不会报错的特点属于JS的糟粕之一，一定不要使用。

   console.log(num);
   num = 101; 

这种情况下会报错 因为num没有经过定义就被使用
疑问: console.log(num)在使用num
难道 num = 101 不是在使用num吗？
为什么第一条console代码就会报错 而num = 101就不会报错？
因为第一个是在“访问”变量 而第二个是在“赋值”。

function demo() {
            num = 11;
        }
        demo();
        console.log(num);

解读： 当demo执行的时候， num = 11 被执行 先查找num是否在当前作用域中存在，结果发现没有；
没有就向上寻找，到达了全局作用域，也没有， 于是就在全局作用域中，声明了该变量 所以当输出num时候，已经声明并赋值完毕，所以可以输出。
当demo不执行的时候，就不会执行到这条代码 于是整个过程不会发生， num就没有被声明在全局，此时输出num时，是在访问num变量 会报错。