函数的作用域

<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