JS的作用域

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声明的是常亮，其值一旦被设定就不可更改。