作用域:
- 作用域指一个变量的作用范围
- JS中一共两种作用域
1.全局作用域
2.函数作用域(局部作用域)
1.全局作用域 - 直接写在script标签的JS代码,都在全局作用域
- 全局作用域在页面打开的时候创建,在页面关闭时销毁
- 在全局作用域中有一个对象window,它代表一个浏览器的窗口,它由浏览器创建,我们可以直接使用
- 在全局作用域中:
创建的变量都会作为window对象的属性保存
全局中的函数都会作为window对象的方法保存 - 全局作用域中的变量都是全局变量
在页面的任意的部分都可以访问到
2.函数作用域 - 调用函数时创建函数作用域,函数执行完毕以后,作用域销毁
- 每调用一次函数就会创建一个新的函数作用域,他们之间是相互独立的
- 在函数作用域中可以访问全局变量,
但在全局作用域中无法访问到局部变量 - 当在函数作用域操作一个变量时,它会先在自身作用域中寻找,如果有就直接使用,如果没有就向上一作用域中寻找,直到找到全局作用域,如果全局作用域中仍然没有找到,则会报错ReferenceError
- 在函数中想要访问全局变量可以使用window对象
注意:全局作用域中的变量在函数作用域中是可以获取的
例:首先定义一个函数function
var num=20;全局变量,
变量是定义在script标签之内的,而不是嵌套在函数体内的。
如果要在js文档中写全局变量 只需要写在js文档中的顶部就行,也就是js文档的第二行
function fun(){
var a=12;定义的变量 a
console.log(a);进行输出
}
fun()调用方法
注意:在方法体外进行调用 则会报错,显示该方法没有定义
console.log(a);进行输出
所以 变量a在函数体内 是可以正常访问的,在函数体外是找不到该变量的,无法正常访问。
例:局部作用域 函数作用域
var a=“这是全局作用域中的变量a”;
function fun2(){
var a=“这是fun2中的变量a”;
console.log(a);
function fun3(){
console.log(a);
console.log(window.a);
}
fun3()
}
fun2();