今天给大家分享一下今天学到的一些比较复杂的知识点—在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未定义,
有人会想,这里为什么不用全局变量呢?原因是在浏览器编译的时候已经声明过这个局部变量了,所以也就不会在用全局变量.
本文章为转载内容，我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题，欢迎原作者联系我们进行内容更正或删除文章。
