MDN:作用域是当前的执行上下文,值 (en-US)和表达式在其中“可见”或可被访问。如果一个变量 (en-US)或表达式不在当前的作用域中,那么它是不可用的。作用域也可以堆叠成层次结构,子作用域可以访问父作用域,反过来则不行。
作用域一共分为三种:
1.全局作用域:js里面代码直接执行的默认作用域
2.局部作用域:① 函数作用域:顾名思义,由函数创建的作用域。
②块级作用域:由 let 或者 const 声明的变量加上花括号{}形成的作用域。
在函数里面声明的变量会变为局部变量,函数外面是看不到的,因此在函数外面调用函数里面的变量,系统会报错:
<script>
// 全局变量
const a = 'hello'
function flag() {
console.log(a) //hello
// 局部变量
const b = 10
}
flag()
console.log(b) // 报错
</script>
块级作用域:只有 let 或 const 声明的变量 不争对 var 声明的变量
<script>
if(true){
const a = '我是const声明的变量'
let b = '我是let声明的变量'
var c = '我是var声名的变量'
}
console.log(a) // 报错
console.log(b) // 报错
console.log(c) //我是var声名的变量
</script>