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