--- tags: JavaScript 實戰班, Day11 --- # 設計魔劍三組 ## 6/22:Day 11 暫時失去了 JavaScript 能力的小明,流落到了真心鎮的郊外,在好心女孩的幫助下獲得些許的休息,也為幾小時沒有進食的胃得到了飽足。 經過介紹,這名女孩叫做小美,是少見未接受訓練就掌握 JS ES6 技能的神童,小美發現小明心煩意亂,雖然具有不錯的 JS 基礎,但是在煩躁的情況下沒有辦法輕鬆運用所學技巧。 ES6 的能力是屬於 JavaScript 升級版,能夠使用簡短的語法達到相同的功能,甚至更能夠減少原本 JavaScript 所發生的問題。因此,善良的小美決定傳授 ES6 的技巧給予小明,讓小明可以渡過這次的難關。 難過的小明也在小美家白吃白住了下來,並且開始學習 ES6 的技巧 第一關:透過 ES6 中的 let、const 穩固心境。 任務: - 觀看影音課程中的「Let, Const」兩個相關章節 - 將以下的**變數改為使用 let, const 宣告**,以符合後方的修改條件(不可都使用 let) ```js // 請將此段 var 宣告改為 let, const var Ming = '小明'; var MingAge = 16; var MingLocation = '真心鎮'; var person = { name: '小明', location: '真心鎮' } var wallet = { money: 1000 } // 需修改程式碼的結尾 // 後續程式碼,請藉此判斷使用 Let or Const MingLocation = '真心鎮郊外'; person.location = '真心鎮郊外'; wallet = {}; ``` --- ### Ryan ```javascript= // 請將此段 var 宣告改為 let, const const Ming = '小明'; const MingAge = 16; let MingLocation = '真心鎮'; const person = { name: '小明', location: '真心鎮' } let wallet = { money: 1000 } // 需修改程式碼的結尾 // 後續程式碼,請藉此判斷使用 Let or Const MingLocation = '真心鎮郊外'; person.location = '真心鎮郊外'; wallet = {}; ``` > 助教回覆:作業做的很好哦,使用的時機正確 :+1: > --- ### Vivian Chiang ```javascript= // 請將此段 var 宣告改為 let, const const Ming = '小明'; const MingAge = 16; let MingLocation = '真心鎮'; const person = { name: '小明', location: '真心鎮' } let wallet = { money: 1000 } // 需修改程式碼的結尾 // 後續程式碼,請藉此判斷使用 Let or Const MingLocation = '真心鎮郊外'; person.location = '真心鎮郊外'; wallet = {}; ``` > 助教回覆:作業做的很好哦,使用的時機正確 :+1: > --- ### Karen ```javascript= // 請將此段 var 宣告改為 let, const const Ming = '小明'; const MingAge = 16; let MingLocation = '真心鎮'; const person = { name: '小明', location: '真心鎮' } let wallet = { money: 1000 } // 需修改程式碼的結尾 // 後續程式碼,請藉此判斷使用 Let or Const MingLocation = '真心鎮郊外'; person.location = '真心鎮郊外'; wallet = {}; ``` > 助教回覆:作業做的很好哦,使用的時機正確 :+1: > ```javascript= //補交作業Day 9 var Auntie = { name: '漂亮阿姨', age: 21, deposit: 10000, depositRecord: [ { title: '小明匯款紀錄', amounts: 77777 } ] }; var MingMoneyTransferRecord = Auntie.depositRecord.concat(); console.log(MingMoneyTransferRecord); console.log(MingMoneyTransferRecord === Auntie.depositRecord); ``` > 助教回覆:作業做的不錯喔 :+1: 有正確複製 Auntie.depositRecord 物件,不過本次作業, 可以嘗試 JSON 這個方法喔,卡斯伯老師有公告:"資料結構"要相同,但是"參考"要不同 ~ 因為 JSON 是直接轉字串再轉回物件,因此記憶體指向不同, 所以使用 JSON 複製出來的物件和原本物件 "參考" 是不同的,如下面範例。 https://codepen.io/Isshin/pen/gOPgWKB?editors=1111 ```javascript= //補交作業Day 10 var saySomething = '小姐我好餓啊~~~'; (function() { console.log(saySomething) })(saySomething); //JS將function()認作函數陳述式,要在前後加上括號(), //使JS將其認定為表示式Expression,就可以避免錯誤發生。 ``` > 助教回覆:作業做的很好哦,觀念也很正確 :+1: --- ### Jerry ```javascript= // 請將此段 var 宣告改為 let, const const Ming = '小明'; const MingAge = 16; let MingLocation = '真心鎮'; const person = { name: '小明', location: '真心鎮' } let wallet = { money: 1000 } // 需修改程式碼的結尾 // 後續程式碼,請藉此判斷使用 Let or Const MingLocation = '真心鎮郊外'; person.location = '真心鎮郊外'; wallet = {}; ``` > 助教回覆:作業做的很好哦,使用的時機正確 :+1: --- ### Yoyo ```javascript= const Ming = '小明'; const MingAge = 16; let MingLocation = '真心鎮'; const person = { name: '小明', location: '真心鎮' } let wallet = { money: 1000 } MingLocation = '真心鎮郊外'; person.location = '真心鎮郊外'; wallet = {}; ``` > 助教回覆: