<script type="text/javascript">
/*
函数作用域
* - 调用函数时创建函数作用域,函数执行完毕以后,函数作用域销毁
* - 每调用一次函数就会创建一个新的函数作用域,他们之间是互相独立的
* - 在函数作用域中可以访问到全局作用域的变量
* 在全局作用域中无法访问到函数作用域的变量
* - 当在函数作用域操作一个变量时,它会先在自身作用域中寻找,如果有就直接使用
* 如果没有则向上一级作用域中寻找,直到找到全局作用域,
* 如果全局作用域中依然没有找到,则会报错ReferenceError
* - 在函数中要访问全局变量可以使用window对象
*/
var a = 10;
function fun(){
var a = "我是fun函数中的变量a";
var b = 20;
console.log("a = "+a);//a = 我是fun函数中的变量a
function fun2(){
console.log("a = "+window.a);//a = 10
console.log("b = "+b);//b = 20
}
fun2();
}
fun();
</script>
<script type="text/javascript">
/*
* 在函数作用域也有声明提前的特性,
* 使用var关键字声明的变量,会在函数中所有的代码执行之前被声明
* 函数声明也会在函数中所有的代码执行之前执行
*/
function fun3(){
fun4();//I'm fun4
console.log(a);//undefined
var a = 35;
function fun4(){
console.log("I'm fun4");
}
}
fun3();
</script>
<script type="text/javascript">
/*
* 在函数中,不适用var声明的变量都会成为全局变量
*/
var c = 33;
function fun5(){
console.log("c = "+c);//c = 33
c = 10;
d = 100;//d没有使用var关键字,则会设置为全局变量
console.log(d);//100
}
fun5();
//在全局输出c
console.log("c="+c);//c=10
console.log("d = "+d);//d = 100
</script>
<script type="text/javascript">
/*定义形参就相当于在函数作用域中声明了变量*/
function fun6(e){
console.log(e);//undefined
e=456;
console.log(e);//456
}
fun6();
</script>
例一:
var a=123;
function fun(){
alert(a);
}
fun();//123
例二:
在函数中,不适用var声明的变量都会成为全局变量
var a=123;
function fun(a){
alert(a);//123 (此处的a在局部中无,要去全局中查找)
a=456;//(此处的属于全局变量)
}
fun();
alert(a);//456
例三:
var a=123;
function fun(){
alert(a);//undefined
var a=456;//(变量提升)
}
fun();
alert(a);//123
例四:定义形参就相当于在函数作用域中声明了变量
var a=123;
function fun(a){//形参相当于var a;
alert(a);//undefined
a=456;//(此处说明a这个变量被声明了,属于局部,对全局作用域的a不产生影响)
}
fun();//此处调用未传参
alert(a);//123
例五:
var a=123;
function fun(a){
alert(a);//123
a=456;//(此处修改的a是局部的)
}
fun(123);
alert(a);//123