JavaScript 作用域的详解

首先来说一下,作用域的定义:
简而言之,作用域就是一个变量可以生效的范围

我们把作用域分为两类:

1. 全局作用域
   一个 html 页面就是一个全局作用域
   打开页面的时候, 作用域就生成了, 直到关闭页面为止
2. 局部作用域(私有作用域)
   只有函数生成私有作用域
   每一个函数就是一个私有作用域

// 这个位置就是全局作用域

function fn() {
// 这个位置就是 全局作用域的一个叫做 fn 的子级作用域

     function fun() {

     // 这个位置就是 全局下的 fn 私有作用域下的 fun 私有作用域

     }
}

[注] 在作用域中,全局作用域和私有作用域的上下级关系是这样的:
全局作用域最大, 所有的私有作用域都是再全局作用域下面的,函数生成的私有作用域, 函数写在那个作用域里面,就是哪个作用域的子级.

我们再来说一下,

作用域的三大规则:

1.变量的定义规则
有 var 关键字或者 function 函数名(){ } 来定义变量

规则:当你在定义一个变量的时候,你把这个变量定义在哪一个作用域里面,就只有这个作用域及其后代作用域可以使用,在当前作用域,所有的祖先级作用域不能使用.

			var a =10 
            // 全局作用域里面的变量
            console.log(a)
            function fn(b){
               	var b=20
            //    fn 私有作用域里面的变量
                function num(c){
                   var c=30
                //    num 私有作用域里面的变量
                }
            }

2、变量使用规则

需要拿一个变量的值去使用的时候

规则:当你使用一个变量的时候,首先,在自己作用域内部查找,如果有就直接使用,停止查找;如果没有,就去上一级作用域查找,有就使用,停止查找;如果还没有,就再去上一级作用域查找,有就使用,停止查找.直到全局作用域都没有,那么就报错:‘变量 is not defined’

  	var a =10 
    function fn(b){
    	var b=20
    	function num(c){
    		var c=30
    		//    console.log(d)d is not defined
    	}
   		num()
   }
   fn()

3、变量赋值规则

给一个变量进行赋值的操作

规则: 当你需要给一个变量赋值的时候,先在自己的作用域查找,如果有,就给自己作用域内部变量赋值;如果没有,就想上一级查找,如果有就给腹肌的变量赋值;如果还没有,就继续向上查找;直到全局作用域都没有,那么就把这个变量定义为全局变量,再进行赋值.

var a=10
// 全局作用域
function fn(){
    a=50
   // 赋值操作,私有作用域没有变量a,只能继续向上查找
    console.log(a)
}
fn()
console.log(a)

作用域的三大规则很重要!!!大家一定要搞懂熟记!