function——函数声明头的提升和预解析
函数:
即function语句的集合,就是将多个语句封装到一起;
函数的执行要回自己遍历,遇见函数 a();执行语句,就要移交控制权,函数执行完毕之后,控制权又移交回来了!
函数的参数要罗列在function定义的圆括号内sum(a,b),用逗号隔开,叫做形式参数,调用的时候,圆括号里面是实际参数sum(1,2),参数在JS中不用指定类型,调用的时候参数个数也可以和定义的时候不一样。
1 //函数的参数和返回值 2 function sum(a,b){ 3 return a + b; 4 alert("我不会执行,因为我在return后面"); 5 } 6 7 //矮化为表达式了 console.log(sum(1,2));
函数声明头的提升
函数声明头的提升,程序一开始就会有一个预解析的过程,程序会通看全部代码,把所有的函数名字都放到开头预习一下,程序自己知道了,页面上有这个函数定义。但是,函数表达式是不能预解析的。
敲黑板!!!
函数表达式:如var a = function(); 。
function没有名字,只是个匿名函数,a不是函数的名字,变量a是匿名函数的一个引用而已!!!
//函数声明头的提升 a1(); a2(); function a1(){ alert("11111111"); } //函数表达式是不能预解析的 var a2 = function(){ alert("22222222"); }
a1()会正常弹窗!
a2()会报错;函数表达式是不能被预解析的(划重点要考)
函数优先
如果同一个标识符,在程序中又是变量的名字,又是函数的名字,解析器会把标识符给函数。
a(); var a=1; function a(){ alert("我优先"); }
在a();之前函数已经把function a();预解析了。a就是函数了,虽然变量a也有一个变量声明头的提升,但是干不过函数声明头的提升,所以a()就会执行函数;
var a=1; function a(){ alert("我能被执行了吗?"); } a();
1.在执行var a = 1之前,函数已经把function a()预解析了,程序就已经知道页面上有一个函数叫做a。
2.但是开始执行程序之后,定义了一个变量a,所以标识符a,就又变成变量了。
3.遇见function定义,程序会无视,因为已经预解析了。直到a()运行的时候,a就是变量,无法运行,报错。
上面三点可能有点绕,需要慢慢理解,仔细琢磨!
var a=1; var a= function(){ alert("你猜我能被执行了吗?"); } a();
有没有想过,这种写法竟然可以被执行,?????
因为上文提到函数表达式 var a= function() 是不会被预解析的,程序刚运行时a是一个变量,后来又遇见一个函数的引用a;所以最后这个标识符a就是函数;
a(); var a=1; var a= function(){ alert("如果这样写呢?"); }
console.log(a); var a=1; var a= function(){ alert("如果这样写呢?"); }
函数表达式是不会预解析的,所以预解析的就是变量a的定义,就是undefined,undefined是无法执行的。