前面有一篇提到了 匿名函數的多種調用方式。這篇看看具名函數的多種調用方式。
1、()
平時最常用的就是()運算子來調用/執行一個函數
// 無參函數fun1function fun1() {alert('我被調用了');}fun1();// 有參函數fun2function fun2(param) {alert(param);}fun2('我被調用了');
ECMAScript3後加入給Function加入了call和apply後,就有了下面兩種
2、call
// 無參函數fun1function fun1() {alert('我被調用了');}fun1.call(null);// 有參函數fun2function fun2(param) {alert(param);}fun2.call(null,'我被調用了')
3、apply
// 無參函數fun1function fun1() {alert('我被調用了');}fun1.apply(null);// 有參函數fun2function fun2(param) {alert(param);}fun2.apply(null,['我被調用了'])
雖然call,apply可以純粹的用來調用/執行函數,但它們更多是用來改變函數執行的上下文。
4、new (不推薦使用這種方式哦 )
// 無參函數fun1function fun1() {alert('我被調用了');}new fun1();// 有參函數fun2function fun2(param) {alert(param);}new fun2('我被調用了')
new的本質是用來建立/構造一個類的執行個體,這裡定義的fun1,fun2明顯不是一個類(沒有this,沒有prototype)。但兩個函數確實執行了。這是new的副作用。
從以上調用方式上看四種方式執行結果沒有區別。但如果函數有傳回值的話,用new方式調用時可能會讓你有些失望。
// 有傳回值的函數funfunction fun() {alert('我被調用了');return "jack";}var c = new fun();alert(c);//[object Object],為什麼不是"jack"?
改成這樣
// 有傳回值的函數funfunction fun() {alert('我被調用了');return {name:'jack'};}var c = new fun();alert(c.name); //jack,又正常返回了
總結下:用new方式調用函數時。如果存在傳回值,當傳回值是JavaScript的內建類型(基本類型)如字串(String),數字(Number),布爾(Boolean)等時,將不會返回該值;當傳回值是對象,函數,數組等物件類型時,將直接返回該對象,函數,數組。
當傳回值是內建類型(基本類型)時,new fun()到底返回什麼呢?下一篇將討論new方式調用的細節。