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