作用域:变量和函数的访问范围,作用域可以控制变量和函数的可见性和生命周期。
JS中作用域分为两种:全局作用域 和 局部作用域。
全局变量:在全局作用域声明的变量是全局变量。(声明在函数外部的变量)
局部变量:在局部作用域声明的变量时局部变量。(声明在函数内部的变量)
全局作用域
//声明一个全局变量,(全局变量可以在当前脚本内任何地方使用)
var globalName = "这是一个全局变量。";
//在全局作用域中使用全局变量
console.log(globalName);
//在函数内(局部作用域中)使用全局变量
function fn1 (){
console.log("------" + globalName);
}
fn1();
局部作用域
在函数内声明的变量都是局部变量,所处在的作用域也是局部作用域,局部变量在函数外部无法访问。
function fn2(){
var partName = "这是一个局部变量";
console.log(partName);
}
fn2();
//在函数外部,使用某个函数内的局部变量会报错。
console.log(partName); //当执行到此处是会报错,提示partName未定义
有时候我们不知道该变量是否声明,但我们还要使用,那我们就要利用try.catch语句来处理这种问题。
try {
//try代码块中放入的是 有可能出现异常的代码,如果没有异常继续执行。如果有异常,那么会被catch捕获到,并且可以打印异常信息,并且程序不会被阻塞,会继续往下执行。
console.log(partName);
} catch (e) {
//小括号内形参是系统返回的异常对象,我们可以利用它打印异常信息。
console.log(e.toString()); //e.toString();转换成字符串
}
作用域的注意事项
1、如果全局变量和局部变量同名时。在局部作用域内访问这个变量会优先,
var age = 18; //全局
function fn2(){
var age = 20;//局部
console.log(age); // 20
//有的时候,在同名的情况下,就想访问全局变量怎么办?可以通过window对象来访问:window.globalName
console.log(window.age); // 18
}
fn2();
2、在局部作用域内,没有用var声明的变量,会变成全局变量(在非严格模式下)。
function fn4() {
aaa = "马刺";
}
fn4();
console.log(aaa); // 马刺
3、JS中没有块级作用域,只有函数作用域,所谓块级作用域就是其他语言中的if {} for {} while {}等,这些在JS中不属于局部作用域。
for(var i = 0;i <5 ;i++){
}
console.log(i); // 4