定义 || 赋值
1-函数的定义
函数定义的两种方式:
“定义式”函数:function fn(){ alert("哟,哟!"); }
“赋值式”函数:var fn = function(){ alert("切可闹!"); }
@页面加载时,浏览器会对JavaScript代码进行扫描,并将 定义式函数进行预处理(类似C等的编译)。【函数声明提升】
处理完再由上至下执行,遇到赋值式函数 则只是将函数赋值给一个变量,不进行预处理,待调用时才进行处理。
@在定义前面调用函数时,定义式函数正常执行,赋值式函数会报错 (提示:oFn is not a function)。
2-变量与函数的定义
变量:①var a; 定义变量a。
②var a = 123; 定义变量a,再给变量a赋值。
函数:①function fn(...){...} 声明函数fn。
②var oFn = function(...){...} 先定义变量oFn和一个匿名函数,再将匿名函数赋值给变量oFn。
@定义变量和定义函数都会先预处理,变量赋值则是在执行中完成。
@定义变量的作用:只是指明变量作用域。
有定义没赋值的变量 和 使用没定义的变量 值都为undefined。
@定义函数的作用:除了指明函数作用域,同时定义函数体结构——包括函数体内部的变量定义和函数定,此过程递归。
alert(a); //function a(){} alert(b); //function b(){} alert(c); //undefined var a = "a"; function a() {} function b() {} var b = "b"; var c = "c"; var c = function() {} alert(a); //a alert(b); //b alert(c); //function(){} ①虽然第一个 alert(a) 在最前面,但是你会发现它输出的值竟然是 function a() {},这说明,函数定义确实在整个程序执行之前就已经完成了。 ②再来看 b,函数 b 定义在变量 b 之前,但是第一个 alert(b) 输出的仍然是 function b() {},这说明,变量定义确实不对变量做什么,仅仅是声明它的作用域而已,它不会覆盖函数定义。 ③最后看 c,第一个 alert(c) 输出的是 undefined,这说明 var c = function() {} 不是对函数 c 定义,仅仅是定义一个变量 c 和一个匿名函数。 ④再来看第二个 alert(a),你会发现输出的竟然是 a,这说明赋值语句确实是在执行过程中完成的,因此,它覆盖了函数 a 的定义。 ⑤第二个 alert(b) 当然也一样,输出的是 b,这说明不管赋值语句写在函数定义之前还是函数定义之后,对一个跟函数同名的变量赋值总会覆盖函数定义。 ⑥第二个 alert(c) 输出的是 function() {},这说明,赋值语句是顺序执行的,后面的赋值覆盖了前面的赋值,不管赋的值是函数还是其它对象。