iT邦幫忙

2021 iThome 鐵人賽

DAY 12
0
Modern Web

想試試寫程式的感覺,就用 JavaScript 來寫寫看網頁吧系列 第 12

[想試試看JavaScript ] 函式運算式

  • 分享至 

  • xImage
  •  

函式

函式運算式 Function expression

函式運算式中文也叫函式表達式
上一篇了解到回傳值,可以將函式呼叫的結果放進變數裡,像這樣

var result=add();

這次講函式運算式可以將函式直接放進變數裡
語法:

變數名稱=function 函式名稱(參數){
    // 要執行的函式
}

範例:

var a=3;
var b=4;
var add=function fuc(){
    result=a+b;
    console.log(result);
    return result
}

那麼要怎樣呼叫這個函式呢?
只要呼叫變數的名稱就可以了

var a=3;
var b=4;
var add=function fuc(){
    result=a+b;
    console.log(result);
    return result
}
add();

那你就會發現如果呼叫變數名稱就可以使用函式的話,那是不是可以將函式名稱省略不寫
的確,使用函式運算式的話,我們習慣使用省略函式名稱的寫法

var a=3;
var b=4;
var add=function(){
    result=a+b;
    console.log(result);
    return result
}

我們會稱呼這種沒有名稱的函式叫做「匿名函式」。


一般的函式宣告或者函式表達式都可以使用,使用起來並沒有什麼不同。
只是一般函式與函式表達式在一些特性還是會不太一樣,例如:Hoisting。

只要記得電腦在解析程式碼時,會一行一行解析,所以保持一個習慣,將宣告變數、函式寫在上面,呼叫寫在靠下的位置,就不太會寫出還沒宣告變數、函式,卻先呼叫的程式碼,當這種情況發生,程式就會錯誤。

不同工程師習慣寫的語法都會有些出入,不過不用太擔心覺得很複雜,了解一下不同的寫法,在閱讀其他人的教學的時候就不嘿覺得太陌生。


上一篇
[想試試看JavaScript ] 函式 回傳值
下一篇
[想試試看JavaScript ] 物件
系列文
想試試寫程式的感覺,就用 JavaScript 來寫寫看網頁吧30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言