iT邦幫忙

2021 iThome 鐵人賽

DAY 21
0

About Constructors

“The way to create an 'object type', is to use an object constructor function.
Objects of the same type are created by calling the constructor function with the new keyword.”

by W3C School

As the example we mentioned in the last article, there was only one trip.
Now, if we have multiple trips’ score to count, we’ll need a constructor to help us.


Example: This time, we will have 2 trips

function Trip(name,score){ //When it comes to creating a construtor function, usually people use capital letter.
    this.name=name; //"this" represents an empty object auto created by the system.
    this.score=score;
    this.outdoor=function(){ 
        this.score=this.score+10;
    };
    this.rainyDay=function(){ 
        this.score=this.score-5;
    };
    this.snacksnBBQ=function(){ 
        this.score=this.score+20;
    };
    this.napping=function(){ 
        this.score++;
    };
    this.report=function(){ 
        alert(this.name+":"+this.score)
    };
 
}
 
var trip1=new Trip("Couple Trip",70); //befor constructor, adding a "new" 
trip1.outdoor(); 
trip1.napping(); 
trip1.report();

→ The result is 81

var trip2=new Trip("Company Trip",60);
trip2.rainyDay(); 
trip2.snacksnBBQ(); 
trip2.report();

→ The result is 75


Music of Today: Surrender by Ball Park Music

Yes


Like/Share/Follow

Feel free to comment and share your ideas below to learn together!
If you guys find this article helpful, please kindly do the writer a favor — LIKE this article./images/emoticon/emoticon12.gif


上一篇
#20 JS: Object Fundamentals
下一篇
#22 JS: HTML DOM Fundamentals
系列文
Learn & Play JavaScript -- Entry-Level Front-End Web Development30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言