欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間:2014年11月08日 11:10:07   投稿:junjie  
這篇文章主要介紹了JavaScript中具名函數(shù)的多種調(diào)用方式總結,本文總結了4種方法,需要的朋友可以參考下

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

1、() 

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

復制代碼 代碼如下:

// 無參函數(shù)fun1
function fun1() {
    alert('我被調(diào)用了');
}
fun1();
 
// 有參函數(shù)fun2
function fun2(param) {
    alert(param);
}
fun2('我被調(diào)用了');

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

2、call

復制代碼 代碼如下:

// 無參函數(shù)fun1
function fun1() {
    alert('我被調(diào)用了');
}
fun1.call(null);
 
// 有參函數(shù)fun2
function fun2(param) {
    alert(param);
}
fun2.call(null,'我被調(diào)用了')

3、apply

復制代碼 代碼如下:

// 無參函數(shù)fun1
function fun1() {
    alert('我被調(diào)用了');
}
fun1.apply(null);
 
// 有參函數(shù)fun2
function fun2(param) {
    alert(param);
}
fun2.apply(null,['我被調(diào)用了'])

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

4、new (不推薦使用這種方式哦 )

復制代碼 代碼如下:

// 無參函數(shù)fun1
function fun1() {
    alert('我被調(diào)用了');
}
new fun1();
 
// 有參函數(shù)fun2
function fun2(param) {
    alert(param);
}
new fun2('我被調(diào)用了')

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

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

復制代碼 代碼如下:

// 有返回值的函數(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,又正常返回了

總結下:用new方式調(diào)用函數(shù)時。如果存在返回值,當返回值是JavaScript的內(nèi)置類型(基本類型)如字符串(String),數(shù)字(Number),布爾(Boolean)等時,將不會返回該值;當返回值是對象,函數(shù),數(shù)組等對象類型時,將直接返回該對象,函數(shù),數(shù)組。

當返回值是內(nèi)置類型(基本類型)時,new fun()到底返回什么呢?下一篇將討論new方式調(diào)用的細節(jié)。

相關文章

最新評論