JavaScript中具名函數(shù)的多種調用方式總結

更新時間：2014年11月08日 11:10:07 投稿：junjie

這篇文章主要介紹了JavaScript中具名函數(shù)的多種調用方式總結,本文總結了4種方法,需要的朋友可以參考下

前面有一篇提到了匿名函數(shù)的多種調用方式。這篇看看具名函數(shù)的多種調用方式。

1、()

平時最常用的就是()運算符來調用/執(zhí)行一個函數(shù):

復制代碼代碼如下:

// 無參函數(shù)fun1

function fun1() {

    alert('我被調用了');

}

fun1();

// 有參函數(shù)fun2

function fun2(param) {

    alert(param);

}

fun2('我被調用了');

ECMAScript3后加入給Function加入了call和apply后，就有了下面兩種。

2、call

復制代碼代碼如下:

// 無參函數(shù)fun1

function fun1() {

    alert('我被調用了');

}

fun1.call(null);

// 有參函數(shù)fun2

function fun2(param) {

    alert(param);

}

fun2.call(null,'我被調用了')

3、apply

復制代碼代碼如下:

// 無參函數(shù)fun1

function fun1() {

    alert('我被調用了');

}

fun1.apply(null);

// 有參函數(shù)fun2

function fun2(param) {

    alert(param);

}

fun2.apply(null,['我被調用了'])

雖然call，apply可以純粹的用來調用/執(zhí)行函數(shù)，但它們更多是用來改變函數(shù)執(zhí)行的上下文。

4、new （不推薦使用這種方式哦）

復制代碼代碼如下:

// 無參函數(shù)fun1

function fun1() {

    alert('我被調用了');

}

new fun1();

// 有參函數(shù)fun2

function fun2(param) {

    alert(param);

}

new fun2('我被調用了')

new的本質是用來創(chuàng)建/構造一個類的實例，這里定義的fun1,fun2明顯不是一個類（沒有this，沒有prototype）。但兩個函數(shù)確實執(zhí)行了。這是new的副作用。

從以上調用方式上看四種方式執(zhí)行結果沒有區(qū)別。但如果函數(shù)有返回值的話，用new方式調用時可能會讓你有些失望。

復制代碼代碼如下:

// 有返回值的函數(shù)fun

function fun() {

    alert('我被調用了');

    return "jack";

}

var c = new fun();

alert(c);//[object Object]，為什么不是"jack"？

改成這樣

復制代碼代碼如下:

// 有返回值的函數(shù)fun

function fun() {

    alert('我被調用了');

    return {name:'jack'};

}

var c = new fun();

alert(c.name); //jack,又正常返回了

總結下：用new方式調用函數(shù)時。如果存在返回值，當返回值是JavaScript的內置類型（基本類型）如字符串(String)，數(shù)字(Number)，布爾(Boolean)等時，將不會返回該值；當返回值是對象，函數(shù)，數(shù)組等對象類型時，將直接返回該對象，函數(shù)，數(shù)組。

當返回值是內置類型（基本類型）時，new fun()到底返回什么呢？下一篇將討論new方式調用的細節(jié)。

您可能感興趣的文章: