iT邦幫忙

0

[鼠年全馬鐵人挑戰] Week21 - 超新手學前端 - JavaScript:函式、物件、陣列寫法

又是新的一週了~
一樣的還是在 JavaScript 大魔王打怪中
這週來記錄一下最基本的函式、物件、陣列寫法寫法吧

寫法符號懶人包

函式:funciton()
物件:{}
陣列:[]

函式

函式寫法:

function postApi(aaa) {
//內容
}

函式就是function,寫法就是寫一個function 後面加變數之後一定要加(),()的意思就是執行。

除了上述的寫法,還有一個寫法叫做箭頭函式,這是es6的寫法,寫法如下:

var postApi = () => {
 //內容
}

函式在什麼時候會用到呢?其實很常見,當一個事件的產生我們就是要用函式去處理這個事件,如我們要計算這個客人買了多少個漢堡薯條,總共花了多少費用,那這種情形我們就是要用到函式去做運算處理,所以你會發現在寫網頁互動的過程中,函式是個不可或缺的用法之一。

物件

物件寫法:


var data = {
        age: "18",
        gender: "女性",
        tel: "12345678",
        address: "新北市板橋區XX路XX號",
        occupation: "student",
      };

在寫物件的時候,一定要 var 一個變數,變數名稱可自行取,然後物件要用{}來包資料最後在加分號;
通常會使用到物件,就是我們要抓取資料的內容,例如我們要知道會員的基本資料,這時候就會用到物件,以前面code為例,{}裡面的資料,左邊是key,右邊資料為value值,value不限定只能用字串,也可以加入陣列函式等等,可以彈性的活用。

陣列

var area = ["台北市", "新北市", "桃園市", "新竹市", "台中市", "高雄市"];

陣列需要用[]去包資料,裡面包的資料一定要用""雙引號去包,才會正確呈現值
只要是資料內容都可以用陣列,陣列裡面的資料不一定只能用字串,也可以用數字、物件、陣列、函式。
陣列的用法就好比,一個家裡面有什麼成員,有爸爸媽媽弟弟妹妹等,或是上網買衣服,服裝的購物網的商品,這件衣服有什麼顏色、尺寸、材質等等的詳細資料都可以用陣列。

一剛開始學真的很容易搞混,尤其是符號,但相信一直練習就會越來越熟了~:)


1 則留言

0
iT邦新手 5 級 ‧ 2020-07-03 18:00:50

函式就是function,寫法就是寫一個function 後面加變數之後一定要加(),()的意思就是執行。
這句話會有點讓人誤會應該說

function postApi(params) {
//內容
}

這是function 的宣告方式

postApi()

這樣就是執行涵式

我要留言

立即登入留言