JavaScript中具名函數的多種調用方式(1)

來源:互聯網
上載者:User

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

1、()  

平時最常用的就是()運算子來調用/執行一個函數

// 無參函數fun1function fun1() {alert('我被調用了');}fun1();// 有參函數fun2function fun2(param) {alert(param);}fun2('我被調用了');

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

2、call

// 無參函數fun1function fun1() {alert('我被調用了');}fun1.call(null);// 有參函數fun2function fun2(param) {alert(param);}fun2.call(null,'我被調用了')

3、apply

// 無參函數fun1function fun1() {alert('我被調用了');}fun1.apply(null);// 有參函數fun2function fun2(param) {alert(param);}fun2.apply(null,['我被調用了'])

雖然call,apply可以純粹的用來調用/執行函數,但它們更多是用來改變函數執行的上下文。

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

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

new的本質是用來建立/構造一個類的執行個體,這裡定義的fun1,fun2明顯不是一個類(沒有this,沒有prototype)。但兩個函數確實執行了。這是new的副作用。

從以上調用方式上看四種方式執行結果沒有區別。但如果函數有傳回值的話,用new方式調用時可能會讓你有些失望。

// 有傳回值的函數funfunction fun() {alert('我被調用了');return "jack";}var c = new fun();alert(c);//[object Object],為什麼不是"jack"?

改成這樣

// 有傳回值的函數funfunction fun() {alert('我被調用了');return {name:'jack'};}var c = new fun();alert(c.name); //jack,又正常返回了

總結下:用new方式調用函數時。如果存在傳回值,當傳回值是JavaScript的內建類型(基本類型)如字串(String),數字(Number),布爾(Boolean)等時,將不會返回該值;當傳回值是對象,函數,數組等物件類型時,將直接返回該對象,函數,數組。

當傳回值是內建類型(基本類型)時,new fun()到底返回什麼呢?下一篇將討論new方式調用的細節。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.