1、作用域概述:
一段程序代码中的名字并不总是有效和可用的,限定这个名字的可用性代码范围就是这个名字的作用域。作用域的使用提高了程序的局部性,增强了程序的可靠性,减少了名字的冲突。
作用域就是代码名字在某个范围内起作用和效果,除了这个范围失效。
2、作用域分为两种:
全局作用域:整个script标签 或者是一个单独的js文件
局部作用域:在函数内部就是局部作用域,这个代码的名字只在函数内部其效果和作用,又称为函数作用域。
我们在整个script全局变量中声明了两个类名相同的变量num,并打印num,可以看到控制台只打印了后声明的num,这时两个num的名字就冲突了,先声明的num值会被后声明的num覆盖掉。
我们分别在script全局作用域和fn函数作用域中声明名为num的变量,并赋予他们不同的值,输出并打印,这是这两个num就不会再冲突了,他们并不在同一个作用域内,第一个console.log(num)语句并不能读取到fn函数里面的num。
3、变量的作用域:
在JS中,根据作用域的不同,变量可以分为两种:
全局变量:在全局作用域下的变量;在函数内部没有声明直接赋值的变量也属于全局变量。全局变量在代码的
任何位置都可以使用。
局部变量:在函数内部的变量;函数的形参也可以看做是局部变量。局部变量只能在函数内部使用
我们在fn函数中声明了num1变量,num2变量没有声明而是直接赋值,这时num2就不再是局部变量而是全局变量,所以fn函数外的console.log(num2)语句可以打印num2.
从执行效率来看全局变量和局部变量:
全局变量:只有在浏览器关闭的时候才会销毁,比较占内存资源
局部变量:当我们程序执行完毕的时候就会销毁,比较节约内存资源
4、作用域链:
只要是代码,就至少有一个作用域;
写在函数内部的局部作用域;
如果在函数里面还有函数,那么在这个作用域中又可以诞生一个新的作用域;
根据在内部函数可以访问外部函数变量的这种机制,用链式查找决定哪些数据能被内部函数访问,就称为作用域链。
(就近原则)
我们在fn1函数中声明变量num,并创建了函数fn2,fn2中也声明了函数num,可以看到输出结果是没有冲突的,这说明fn2在fn1中开辟了一个新的作用域。