JavaScript中变量作用域问题

今天给大家分享一下今天学到的一些比较复杂的知识点—在js中变量的作用域问题,变量无非就是用来存储数据的,但它也涉及到一个作用域的问题,下面就以js中全局变量,局部变量来说明.

全局变量:在函数外部定义或在函数内部不是用var定义的变量,就叫全局变量,这种全局变量是可以在函数的任意一个位置都可以用的.

局部变量:在函数内部定义的变量,这种局部变量只能在当前内部的函数定义,在外部是不可以访问的.
如何证明呢?看下面代码:

	//    变量的作用域即指变量在函数中的使用,全局变量,局部变量
	//    在js中,全局变量是可以直接在函数内部进行使用的,也可以在函数内部进行修改
		var num1 = 100;
	    function func() {
	        console.log(num1);//100
	        num1 = num1 + 10
	    }
	    func();
	    console.log(num1);//110

	//    在函数内部,不适用var声明的变量是全局变量,可以在函数外部访问
	//    但在函数内部定义的局部变量,在函数外部是无法访问的
	    function func2() {
	        var num2 = 5;
	        num3 = 800;
	        console.log(num2);//5
	    }
	    func2()
	    console.log(num3);//800
	    console.log(num2)//未定义

当然这个并不是难点,难点的是接下来的,请看代码:

	var num = 90;
    function func3() {
        console.log(num);//undefined
        var num = 20;	
    }
    func3();
    console.log(num)//90

当函数内部出现的全局变量与全局变量同名时,
这里的console.log(num)为什么输出的是undefined呢?想想~

不卖关子,说到这里不得不提在javascript中函数的执行流程,在js中函数的执行流程分两个阶段:

1.编译阶段:首先浏览器会检测代码中的语法是否正确,声明变量,函数以及一些参数
2.执行阶段;即执行代码的阶段

所以在这段代码中,浏览器是先编译了一遍,然后从上往下执行,在到console.log(num)这里时,由于之前已经声明了这个局部变量但还没有执行,即还没有赋值,所以这里显示undefined未定义,

有人会想,这里为什么不用全局变量呢?原因是在浏览器编译的时候已经声明过这个局部变量了,所以也就不会在用全局变量.