javascript 具名函數的四種調用方式 推薦第1/3頁

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,['我被調用了'])

4、new （不推薦使用這種方式哦 ）複製代碼 代碼如下://無參函數fun1
function fun1() {
alert('我被調用了');
}
new fun1();

//有參函數fun2
function fun2(param) {
alert(param);
}
new fun2('我被調用了')

ok,從以上調用方式上看四種方式執行結果沒有區別。但如果函數有傳回值的話，用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方式調用的細節。