作用域:指的是变量可以使用的范围
分为:
- 全局作用域
- 函数作用域
- 块级作用域 (ES6新增)
全局作用域
直接编写在script标签之中的js代码,都是全局作用域。
在全局作用域中有一个全局对象window (代表的是一个浏览器的窗口,有浏览器创建),可以直接使用。
js中首先有一个最外层的作用域,全局作用域;
js中可以通过函数来创建一个独立作用域称为函数作用域,函数可以嵌套,所以作用域也可以嵌套;
es6中新增了块级作用域(大括号,比如:if{},for(){},while(){}…);
var a = 100 // 这个可以叫做全局作用域
function an(){ // 函数声明的一个区域,函数作用域
var a = 200
function an1(){
var a = 300
}
an1()
}
an()
if(true){ // 块级作用域
let b = 20
console.log(b);
}
console.log(b) // 作用域之外是无法访问这个变量的
自由变量
在作用域中使用了a,却没有在作用域中声明a,这对于当前作用域来说 a 就是一个自由变量
var a = 100
function fn(){
console.log(a);// 这里的a就是一个自由变量
}
fn()
自由变量是,当一个变量没有在当前作用域定义,但被使用了,这时就会向上级作用域找,一层一层的找,直到找到为止。
如果找到全局作用域没找到,就会报错