JS作用域
- 作用域是可访问变量的集合
- 在js中,对象和函数也是变量
局部作用域
声明一个函数,就会开启一个局部作用域,在函数内部声明的变量为局部变量,只能在函数内部访问。
// 在此处,即函数外部则不能调用carName变量
function test() {
var carName = 'Volvo';
// 在函数内部可以调用carName变量
}
- 局部变量只能在函数内使用,所以不同的函数可以使用相同名称的变量
- 局部变量的优先级比全局变量的优先级要高,所以当出现相同名称的全局变量和局部变量时,调用的是局部变量。
- 局部变量在函数开始执行时创建,函数执行完后自动销毁。
全局作用域
全局作用域是函数外的区域,在函数外声明的变量也就为全局变量,全局变量在任意位置到可以使用。
var carName = 'Volvo';
// 此处可调用carName变量
function test() {
// 函数内部也可以调用carName变量
}
如果变量在函数内没有声明(没有使用var关键字),该变量就为全局变量。
// 此处可调用carName变量
function test() {
carName = 'Volvo';
// 此处也可以调用carName变量
}
- 全局变量在页面关闭后才会销毁
HTML中的全局变量
在HTML中,全局变量都属于window对象,相当于window对象的属性。
函数也是变量。
// 此处可使用window.carName来调用carName变量
console.log(window.carName);
// 也可以使用window.test()来调用函数
window.test();
function test() {
carName = 'lanbojini';
return carName;
}
在ES6中,提供了let和const关键字。
let的声明方式和var相同,用let代替var来声明变量,就可以吧变量限制在当前代码块中。
使用const声明的是常亮,其值一旦被设定就不可更改。