作用域(全局作用域、局部作用域、块级作用域、作用域链)的区别
1、全局作用域(全局变量)
在函数外部定义的变量或在函数内部没有使用var声明的变量。在浏览器页面没有关闭之前
一直占用内存空间。比较耗费内存。在浏览器页面关闭时才释放内存。
for(var i=0;i<10;i++){
sum = i;
}
console.log('i=',++i);
2、局部作用域(局部变量)
在函数内部用var关键字定义的变量。只在函数内部起作用,函数调用结束后,局部变量所
占的内存就会被释放。
function fun(){
var sum = 0;
console.log(sum);
}
fun()
console.log(sum);
3、块级作用域
在 ES 6 之前,是没有块级作用域的概念的。
ES 6 可以使用 let 关键字或者 const 关键字来实现块级作用域。
let 或 const声明的变量只在 let 或 const命令所在的代码块 {} 内有效,在 {} 之外不能访问。
for(let i=0;i<10;i++){
sum = i;
}
console.log('i=',++i);
4、作用域链
当在一个函数内部声明另一个函数时,内层函数只能在外层函数作用域内执行,在内层函数
执行的过程中,若需要引入某个变量,首先会在当前作用域中寻找,若未找到,则继续向上
一层级的作用域中寻找,直到全局作用域,称这种链式的查询关系为作用域链。
var s = 0;
function fun(sum){
console.log('sum=',sum);
function fun2(){
console.log('s=',s)
}
fun2()
}
fun(110)
注意
1、在全局作用域下,添加或省略var关键字都可以声明全局变量,全局变量在浏览器关闭页面
的时候才会销毁,比较占用内存资源。
2、在函数中,添加var关键字声明的变量是局部变量,省略var关键字时,如果变量在当前作用
域下不存在,会自动向上级作用域查找变量。局部变量在函数执行完成后就会销毁,比较节
约内存资源。