作用域:
作用域指一个变量的作用范围
在JS中一共有两种作用域:
1.全局作用域
直接编写在script标签中的JS代码,都在全局作用域
全局作用域在页面打开时创建,在页面关闭时销毁
在全局作用域中有一个全局对象window, 它代表浏览器的窗口,由浏览器创建,我们可以直接使用
在全局作用域中:
我们创建的变量都会作为window对象的属性保存
创建的函数都会作为window的方法保存
全局作用域中的变量都是全局变量,在页面的任何部分都可以访问的到
2.函数作用域
调用函数时创建函数作用域,函数执行完毕以后,函数作用域销毁
每调用一次函数,就会创建一次新的函数作用域,它们之间是相互独立的
在函数作用域中,可以访问到全局作用域的变量,在全局作用域中无法访问到函数作用域的变量
当在函数作用域中操作一个变量时,会先在自身作用域中寻找,
如果有,就直接使用,如果没有,则向上一级作用域中寻找,知道找到全局作用域,
如果全局作用域依然没有找到,则会报错ReferenceError
在函数中药访问全局变量,要使用window对象
在函数中,不适用var声明的变量都会成为全局变量
在函数作用域中也有声明提前的特性,使用var关键字声明的变量,会在函数中所有的代码被执行之前被声明(所谓声明就是定义变量但没有赋值
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>函数作用域</title>
<script type="text/javascript">
//创建一个变量
var a=10;
function fun(){
var b=20;
console.log(a);
}
fun();
/*
在函数作用域也有声明提前的特性
使用var关键字声明的变量,会在函数中所有的代码执行之前被声明(所谓被声明就是定义变量但没赋值)
function fun1(){
console.log(a);
var a=35;
}
function fun1(){
var a;
console.log(a);
a=35;
}
函数声明也会在所有的代码之前被声明
*/
function fun1(){
fun2(); //fun2可以被执行
console.log(a);
var a=35;
function fun2(){
alert("i am fun2");
}
}
fun1();
d=10;
function fun3(){
//d没有使用关键字var,所以为全局变量
d=100;
}
console.log(d);//d=100
</script>
</head>
<body>
</body>
</html>
)