作用域是指变量的作用的范围
在js中一共有两种作用域
全局作用域
- 直接编写在script标签的js代码,都在全局作用域中
- 全局作用域在页面打开时创建,在页面关闭时销毁
- 在全局作用域中有一个全局对象window
它代表的是一个浏览器的窗口,它由浏览器创建我们直接 使用 - 在全局作用域中创建的变量会作为window的属性保存
例如:
var a = 10;
console.log(a); == console.log(window.a); 这两个输出结果一样
- 在全局作用域中创建的函数会作为window的方法保存
window对象的属性和方法可以直接调用,如window.a() 可以写为 a()
函数作用域
函数作用域在调用函数时创建,函数执行完毕后销毁
- 每调用一次函数就会创建一个新的函数作用域,它们之间是互相独立的
- 在函数作用域中可以访问全局作用域中的变量
在全局作用域中无法访问函数作用域中的变量 - 在函数作用域中操作一个变量,它会先在自身作用域寻找,如果有直接使用,如果没有则向上一级寻找。直到找到全局作用域,如果全局作用域也没有则会报错
- 在函数中要访问全局对象可以使用window对象
变量的声明提前
使用var关键字声明变量时,会在所有代码执行之前被声明(但不会赋值)
- 但是如果声明变量不使用var关键字,则变量不会被声明提前
例如:
var a = 10;
console.log(a); 输出a的值是10
console.log(a);
var a = 10; 先输出后声明a的值就是undefined
理由:
当所有代码执行之前会先声明变量 var a; 此时a并没有被赋值,输出a的结果就是undefined 相当于以下式子:
var a;
console.log(a) ;
a=10; 先声明后输出然后在赋值
函数的声明提前
使用函数声明形式创建的函数function 函数名(){}
它会在所有代码执行之前被创建,所以可以在函数声明前 调用函数
- 使用函数表达式创建的函数var 函数名=function() {}不 会被声明提前
使用函数声明创建的函数