作用域分为全局作用域和局部作用域。
一、局部作用域
局部作用域又分为函数作用域和块作用域 { }。
函数作用域:
1.在函数内部声明的变量,在函数外部无法直接访问到
2.函数的参数也是函数内部的局部变量
3.不同函数内部声明的变量无法相互访问
4.函数执行完毕后,函数内部的变量实际被清空了
块作用域 { }:
1.在JavaScript中使用{ }包裹的代码(如下for循环的t变量)称为代码块,代码块内部声明的变量外部有可能无法被访问。
for (let i=1;i<8;i++) {
//i只能在该代码块中访问
console.log(i) //正常调用
}
//超出了i的作用域
console.log(i) //报错
2.let和const声明的变量会产生块作用域,var不会产生块作用域(也就是var声明的变量可以被外部访问到)
3.不同代码块之间的变量无法互相访问
4.推荐使用let或const
二、全局作用域
1.<script>标签和.js文件的最外层就是所谓的全局作用域,在此声明的变量在函数内部也可以访问。
2.函数中未使用关键字声明的变量是全局变量,不推荐!
3.尽可能少的定义全局变量,防止全局变量被污染。
三、作用域链
1.作用域链本质是底层的变量查找机制。
2.函数被执行时,会优先查找当前函数作用域中的变量。(就近原则)
3.如果当前作用域查找不到则会依次逐级查找父级作用域直到全局作用域。
4.子作用域能够访问父作用域,父作用域无法访问子作用域。