iT邦幫忙

2022 iThome 鐵人賽

DAY 8
0
Modern Web

[學習筆記] 邊學邊寫 JavaScript 30天系列 第 8

[學習筆記] 邊學邊寫 JavaScript 30天 (8):函式

  • 分享至 

  • xImage
  •  

今天要填的坑是第5天變數II還沒講到的物件型別:function。

今天內容

  • 函式宣告
  • 函式結構

筆記

  • 函式宣告:直接function 名稱(),或是宣告 變數=function()這樣會變成匿名function。

    function SayHi1() {
        console.log("你好")
    }
    SayHi1() //你好   
    
    //匿名function
    var SayHi2 = function() {   
        console.log("hello")
    }
    SayHi2() //hello
    
  • 函式結構

    function 函式名稱(參數) {
       return  //使用return來傳東西。要直接寫在後面,若寫在下一行會被視為沒東西而undefined。
    }
    console.log(函式名稱(引數)) //傳入引數
    

    把 f(x)=2x 從數學變成function

    function double(x) {
     return x*2
    }
    console.log(double(10)) //20 這裡的10會代入x位置去執行function內的計算。
    

    return不return?
    看是否需要回傳值,return後面的下一行都不會被執行。

    //return
    function double(n) {
       return n*2
       // console.log(double(10)) 這一行寫在return下面不會被執行!
    }
    console.log(double(5)) //10
    
    //不需要return
    function hello() {
       console.log("hello")
    }
    hello() //呼叫function
    

感覺今天要來寫點什麼,因為覺得functionu有點難(難到鐵人賽都寫不出2千字了QQ),儘管Lidemy鋰學院課程已經講的很簡單了。這段落裡的影片,已經反覆看超過3次。還是有一種看的懂,但不會寫的感覺 (這樣還叫看得懂?)。在整理這篇筆記時,其實挺沒頭緒的寫的有點亂,範例也寫的有點簡單。
課程範例還有在functionu裡用到for迴圈和array,但寫不出講解筆記,感覺是需要看影片才能理解的過程。我目前只能用這張圖來解釋:

最後有一個解題小技巧還是需要筆記一下:先寫好大綱再來處理實作(把大問題拆成小問題)。


參考資料


上一篇
[學習筆記] 邊學邊寫 JavaScript 30天 (7):迴圈
下一篇
[學習筆記] 邊學邊寫 JavaScript 30天 (9):常用的內建函式
系列文
[學習筆記] 邊學邊寫 JavaScript 30天30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言