作用域:
- 作用域指一个变量的作用的范围
- 在JS中员工有两种作用域
1.全局作用域
- 直接编写在script 标签的JS代码,都在全局作用域
- 全局作用域在页面打开时创建,在页面关闭时销毁
- 在全局作用域中有一个全局对象window:
它代表的是一个浏览器的窗口,它由浏览器创建,我们可以直接使用
- 在全局作用域中:
创建的变量都会作为window对象的属性保存
创建的函数都会作为window对象的方法保存
- 全局作用域中的变量都是全局变量
在页面的任意的部分都可以访问到
注意:在网页中如果查找一个属性,没有找到,会返回undefined
如果查找一个变量,没有找到,则会报错
全局作用域 - 变量的声明提前:
- 使用 var 关键字声明的变量,会在所有的代码执行之前被声明(但是不会赋值),
- 如果声明变量时不使用 var 关键字,则变量不会被声明提前
例:
<script>
console . log ( ' a= ' + a ) ;
var a =123; // 变量 a 被 var 声明,相当于在加载完script标签之后,就声明了 var a;
</script>
全局作用域 - 函数的声明提前:
- 使用函数声明形式创建的函数function 函数(){ }
它会在所有的代码执行之前就被创建,所以我们可以在函数声明之前调用函数
- 使用函数表达式创建的函数 var fun3 = function ( ) { }
函数不会被声明提前,所以不能在声明前被调用
例:
// 函数声明,会被提前创建
function fun ( ) {
console . log ( ' fun函数 ' ) ;
}
// 函数表达式,不会被提前创建
var fun2 = function ( ) {
console . log ( ' fun2函数 ' ) ;
}
2.函数作用域
- 调用函数时创建函数作用域,函数执行完毕以后,函数作用域销毁
- 每调用一次函数就会创建一个新的函数作用域,他们之间是互相独立的
- 在函数作用域中可以访问到全局作用域的变量,在全局作用域中,无法访问到函数作用域的变量
- 当在函数作用域中操作一个变量时,它会先在自身作用域中寻找,如果有就直接使用
如果没有,则向上一级作用域中寻找,直到找到全局作用域,如果全局作用域中依然没有找到,则会报错ReferenceError
- 在函数中要访问全局变量可以使用 window 对象 :window . a ;
函数作用域 -变量的声明提前
使用 var 关键字声明的变量,会在函数中所有的代码执行之前被声明
函数作用域 - 函数的声明提前
函数声明也会在函数中所有的代码执行之前执行
在函数中,不使用var 声明的变量都会成为全局变量
例:
var c = 33 ;
function fun4 (){
c = 10 ; // c=window . c 全局变量
}
fun4 ( );
console . log ( ' c = ' + c ) ; // c = 10
例:
// 定义形参就相当于在函数作用域中声明了变量
function fun5(e){
// fun5 ( e ) 相当于在此定义了一个变量 var e;
alert ( e ) ;
}
fun6 ( ) ; // 没有传实参,所以结果是indefined
例2:
var a = 123 ;
function fun9 ( a ) {
alert ( a ) ; // undefined
a = 456 ; // 函数中有形参 a,所以 a =456 赋值给 函数中的形参 a
}
fun9 ( ) ;
alert ( a ) ; // 123