鐵人賽 Day 9

JavaScriptˋ

What is JavaScript?
是一種程式語言，可以在瀏覽器環境運行並且提供除了靜態網頁內容以外的互動功能，如即時更新資訊、繪製圖型、影片播放控制等。
JavaScript 不只能在瀏覽器上透過 DOM (Documet Object Model) API 操控 HTML、CSS，還可以在 Node.js 的執行環境下運作，但既然是前端筆記這裡會專注在瀏覽器上的 JS 。

變數

什麽是變數？

變數是個類似容器的存在，可以讓開發者把資料輕易的放進去或是修改裡面的數值。

如何動手定義一個變數並指定一個值給他？

使用 var or let

 var name = "sheng";

命名變數的慣例

• 讓變數名稱有意義而不是取個"A"或是1，如此一來可以讓別人還有自己看的懂
• 變數命名使用駝峰式(lower camel case)
• 避免使用保留字(reserved words) 例如var let function

基本型別(Primitives) and 物件型別(Object)

基本型別

基本型別分成 string、number、boolean、null、undefined 還有 symbol，要辨別物件可使用typeof 語法。

typeof 1 //number
typeof "coding" //string
typeof false //boolean
typeof null //object
typeof undefined //undefined
typeof Symbol() //symbol

補充:樣板字面值(template literal)
一種特殊字串由 `` 反引號包覆再加上 ${}以及一般字串組成

功能1:支援多行字串

var hi = `你好啊
安安
一起 coding`; 

功能2：將變數坎入字串

var number = 5
var statement = `I have ${number} siblings.`

console.log(statement)
// I have 5 siblings.

物件型別

如何創建一個物件?

在 JS 使用 {} 來創造一個物件，做出了一個物件之後還可以取出裡面的屬性
使用 . 來存取，同樣的方法也可以用來新增物件的屬性。可以新增當然也可以刪除，使用 delete 方法。

 var person = {
    name: 'Ray',
    age: 25,
    gender: 'male',
    country: 'Taiwan',
};

person.age // 25 提取屬性
person.job = 'cook' // 新增屬性
delete person.gender //  刪除屬性 person.gender 變成 undefined