Tweet
Tweet

Slide 1

Slide 1 text

Javascript 基礎⼆ 控制網⾴的基礎

Slide 2

Slide 2 text

今⽇⽬標

Slide 3

Slide 3 text

for 迴圈 for (var i = 0 ; i < 5 ; i++) {
 …
 }

Slide 4

Slide 4 text

for ( 語法⼀ ; 語法⼆ ; 語法三) {
 …
 } 語法⼀ : 初始條件 語法⼆ : 結束條件 語法三 : 每次回圈都要執⾏的程式

Slide 5

Slide 5 text

for 迴圈其實是程式碼的縮寫 for (var i = 0 ; i < 5 ; i++) {
 console.log(“Hello”)
 } console.log(“Hello”)
 console.log(“Hello”)
 console.log(“Hello”)
 console.log(“Hello”)
 console.log(“Hello”)

Slide 6

Slide 6 text

function 函式 function () { …
 return XXX;
 } 封裝常⽤的程式碼

Slide 7

Slide 7 text

array 陣列 var a = [“12”, “23”, “4”] a[0] = “12” a[1] = “23” a[2] = “4”

Slide 8

Slide 8 text

array 陣列常⽤⼦函式 var a = [“12”, “23”, “4”] a.length // 指 a 的長度 a.push(“56”) // 在尾巴新增內容

Slide 9

Slide 9 text

object 物件 var david = { age: 12,
 weight: 70 } david.age = 12
 david.weight = 70

Slide 10

Slide 10 text

object 物件 var david = { age: 12,
 weight: 70 } david.age = 12
 david.weight = 70

Slide 11

Slide 11 text

object 物件 var david = { age: 12,
 weight: 70 } 我們會稱
 age 為 key
 12 為 value

Slide 12

Slide 12 text

object 物件 var david = { age: 12,
 weight: 70 } key 可以為任意英⽂字或字串
 value 可以為任何型態
 包括 function, arrary, object