JavaScript中具名函數(shù)的多種調(diào)用方式總結(jié)
前面有一篇提到了 匿名函數(shù)的多種調(diào)用方式。這篇看看具名函數(shù)的多種調(diào)用方式。
1、()
平時(shí)最常用的就是()運(yùn)算符來調(diào)用/執(zhí)行一個(gè)函數(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)建/構(gòu)造一個(gè)類的實(shí)例,這里定義的fun1,fun2明顯不是一個(gè)類(沒有this,沒有prototype)。但兩個(gè)函數(shù)確實(shí)執(zhí)行了。這是new的副作用。
從以上調(diào)用方式上看四種方式執(zhí)行結(jié)果沒有區(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)置類型(基本類型)如字符串(String),數(shù)字(Number),布爾(Boolean)等時(shí),將不會(huì)返回該值;當(dāng)返回值是對(duì)象,函數(shù),數(shù)組等對(duì)象類型時(shí),將直接返回該對(duì)象,函數(shù),數(shù)組。
當(dāng)返回值是內(nèi)置類型(基本類型)時(shí),new fun()到底返回什么呢?下一篇將討論new方式調(diào)用的細(xì)節(jié)。
相關(guān)文章
用javascript做一個(gè)webgame連連看大家看下
2008-01-01使用js實(shí)現(xiàn)數(shù)據(jù)格式化
這篇文章主要介紹了使用javascript實(shí)現(xiàn)數(shù)據(jù)格式化為字符串,非常的實(shí)用,這里推薦給有相同需求的小伙伴。2014-12-12使用javaScript實(shí)現(xiàn)鼠標(biāo)拖拽事件
這篇文章主要為大家詳細(xì)介紹了使用javaScript實(shí)現(xiàn)鼠標(biāo)拖拽事件的相關(guān)資料,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-09-09基于勻速運(yùn)動(dòng)的實(shí)例講解(側(cè)邊欄,淡入淡出)
下面小編就為大家?guī)硪黄趧蛩龠\(yùn)動(dòng)的實(shí)例講解(側(cè)邊欄,淡入淡出)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-10-10javascript的解析執(zhí)行順序在各個(gè)瀏覽器中的不同
javascript是一種解釋型語言,它的執(zhí)行是自上而下的。由于各個(gè)瀏覽器對(duì)它的理解有所差異,所以我們有必要深入理解js的執(zhí)行順序2014-03-03Bootstrap基本組件學(xué)習(xí)筆記之按鈕組(8)
這篇文章主要為大家詳細(xì)介紹了Bootstrap基本組件學(xué)習(xí)筆記之按鈕組,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12JS實(shí)現(xiàn)的集合去重,交集,并集,差集功能示例
這篇文章主要介紹了JS實(shí)現(xiàn)的集合去重,交集,并集,差集功能,結(jié)合實(shí)例形式分析了javascript基于數(shù)組實(shí)現(xiàn)的集合去重、交集、并集、差集等相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-03-03