iT邦幫忙

2

[鼠年全馬鐵人挑戰] Week22 - 超新手學前端 - JavaScript 使用時機

學了一陣子的JavaScript遇到了不少問題
其中遇到一個最大的問題是
學了那麼多語法要怎麼運用?
我知道函式、物件、陣列但我不知道什麼時候該用哪個?
不知道新手在學習的時候是不是跟我遇上一樣的問題呢?

這一篇來分享一下我理解到的,可能不是完全正確但可以給新手參考一下,也歡迎提出意見交流唷:)

什麼時候需要用到 JavaScript

這個應該是在基本不過的問題,不過我剛開始真的不知道,所以也分享一下。
當我們用 HTML規畫好網站架構、CSS設計好畫面呈現後,他就像是個平面電子海報一樣是無法做其他互動的,
當你想要讓你的網頁與使用者互動,如加入購物車、輸入任何資料送出等等的動作,這時候就需要使用到 JavaScript。

什麼時候要使用到函式

函式 funciton(),很多時機都需要用到函式,這裡以去速食店點餐為例:
當我們走進去速食店要和服務員點餐,服務員要在收銀台輸入你想要的餐點這時候就會使用到函式
只要是有互動,抓取資料、運算過程等等都需要用到函式。

什麼時候要使用到物件

在這裡你會發現在 JavaScript 常常會使用到物件,可以說 JavaScript 裡滿滿的都是物件,例如建立一個某客戶的資料就要使用物件,像是:

張小惠的基本資料:
名字:張小惠
年齡:18
電話:12345678
地址:台北市台北路1號

用程式碼呈現就是:

var note = {
    '張小惠的基本資料:': {
      name: '張小惠',
      ages: 18,
      tel: 12345678
      address: 台北市台北路1號
    },

所以由上面程式碼可得知,只要有細項資料我們都要用物件來呈現。

什麼時候要用到陣列

陣列就好像我們撘捷運有好幾列車,車裡面有好多個乘客,有哪些乘客就是陣列概念,但如果要知道乘客是男是女,乘客的包包裡面有什麼那就是要使用物件去寫了。
或是由上面的客戶資料來說,我想知道有多少筆客戶資料,就要用到陣列去抓他的資料,但如果我希望加總這些客戶買了多少產品總共多少錢那就要用到函式去做運算了。

其實到現在我還是搞不太清楚這三者的使用時機,在寫文章的時候都很懷疑自已XD
但知道的是,函式、物件、陣列這三者是習習相關的,幾乎是缺一不可,JavaScript 就是這三者在變化,但是還是有很多要學習的地方,一起加油唷!


尚未有邦友留言

立即登入留言