iT邦幫忙

2022 iThome 鐵人賽

DAY 19
0
Modern Web

30天全端網頁學習之旅系列 第 19

JavaScript基礎6

  • 分享至 

  • xImage
  •  

建構函式

以建構函示作為模板,可以做出大量相同規格的物件。

範例

function Person(name, age) {
  (this.name = name), //定義屬性
    (this.age = age),
    (this.sayHi = function () { //定義函式
      console.log("Hello " + name);
    });
}

let Sam = new Person("Sam", 20);
let Tom = new Person("Tom", 35);
Sam.sayHi();
Tom.sayHi();

https://ithelp.ithome.com.tw/upload/images/20221002/20152607bsSGmLwwhL.png

類別

是建構函式的另一種寫法,比較符合其他程式語言的寫法,可以達到相同的效果

class Person {
  constructor(name, age) {
    this.name = name; //定義屬性
    this.age = age;
  }
  sayHi() { //定義函式
    console.log("Hello " + this.name);
  }
}

let Sam = new Person("Sam", 20);
let Tom = new Person("Tom", 35);
Sam.sayHi();
Tom.sayHi();

https://ithelp.ithome.com.tw/upload/images/20221002/20152607ShGCeWIW4Y.png
【以上為我的學習心得,如有錯誤歡迎糾正】


上一篇
JavaScript基礎5
下一篇
Node.js基礎
系列文
30天全端網頁學習之旅30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言