iT邦幫忙

2023 iThome 鐵人賽

DAY 24
0
影片教學

一起來實作響應式網頁設計系列 第 24

一起來實作響應式網頁設計:Object的建立 Day24

  • 分享至 

  • xImage
  •  

影片教學

Yes

重點回顧

Object 物件

  • function & method
    function printHello() {
        console.log("Hello")
    }
    printHello()
    
    let array = [1, 2, 3]
    array.push(4) // method of array
    console.log(array)
    
    let int = 1
    int.push(5) // 不能使用array的method
    console.log(int)
    
  • 物件的建立
  • 物件屬性的存取:dot, [" "]
  • method 的 this

關於物件建立的程式碼

let Student1 = {
    // key-value pair
    name: "小名",
    height: 170,
    weight: 60,
    age: 15,
    id: "001",

    sing() {
        console.log("拉拉拉")
    },

    run(km) {
        console.log("我跑了" + km + "公里")
    },
    
    intro() {
        console.log("我是" + this.name)
    },
}

console.log(Student1.age)
console.log(Student1["age"])
Student1.sing()
Student1.run(10)
Student1.intro()

以上就是今天的教學,感謝大家觀看。


上一篇
一起來實作響應式網頁設計: Power星期天 終極密碼 Day23
下一篇
一起來實作響應式網頁設計:DOM&Window Object Day25
系列文
一起來實作響應式網頁設計30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言