函数基础?
var fn1=function( ) { } 指匿名函数,因为没有函数名鸭,即将匿名函数赋值给变量,执行变量函数就是执行这个匿名函数,且匿名函数不能在定义该函数之前执行,否则会报错。
function fn2( ){ }普通函数,可以在定义之前调用该函数。
前面说过,js是解释性语言,在当前script标签内代码执行的开始阶段,若有普通函数,则会将普通函数(名)放入堆中,注意只是放入堆中,函数中的内容并没有解析执行,而是进行函数调用时即函数执行时,才会对函数里的代码块进行一次解析,调用一次解析一次。
不同script标签内的函数不能互调用,会报错,显示函数未定义。
重名函数的危险:
- 普通函数和匿名函数重名的话,匿名函数会覆盖普通函数,因为script标签在开始时就已经将函数放入堆中,而匿名函数是要代码执行或解析到匿名函数时才存入堆中,此时 如果名称相同,则会出现覆盖原函数
- 普通函数和变量重名,变量会覆盖普通函数
构造函数?
构造函数定义函数,使用全字符串,参数在最前面,后面的字符串内容是执行代码的语句
缺点:代码会做2次执行,第一次会将函数中的字符串解析成普通代码
第二次执行该代码,因此效率极低
优点:可以用任何语言来传入该js代码并执行
var fn4 = new Function(“a” , “console.log( a )”); 前面内容a是参数
fn4( 10 );
btn.onclick=function (){ } 该onclick匿名函数不要写了,替换成如下函数
btn.addEventListener(“click”, clickHandler); //clickHandler不是匿名函数了
function clickHandler( e ){ }
( function( ){ console.log(“这是一个自执行函数”) } ) ( );
//后面的括号是执行该函数的意思,自执行函数只能执行一次,执行完成后 再也找不到了,变成孤儿对象了(该孤儿对象是有引用的,不可被回收)