Day25:终於要进去新手村了-Javascript-函式-物件综合范例

今天我们举例的范例依然是由彭彭影片内的范例程序码加上自己所能理解的方式做个纪录以及学习。

在影片之中是使用游戏里的玩家设定来做整个程序码的架构，程序码如下方:

var player=new Object;
player.name="John";
player.hp=100;
player.fight=function(){
    this.hp=this.hp-2
};
player.rest=function(){
    this.hp++
}
};
player.report=function(){
    alert(this.name+":"+this.hp)
};
player.fight();
player.rest();
player.report();

上方是完整程序码，我们将程序码分拆来解释
首先是一开始的角色设定

var player=new Object;
player.name="John";
player.hp=100;

首先我们建立一个空白物件，在游戏中就是建立玩家的意思，接着player.name="John"就是设定角色名称，player.hp=100则是用来设定生命值为100，这个地方可以注意一下，名字的部分因为是字串，所以用引号，但是生命值的部分因为他是会随着战斗会是恢复去做变动，是需要计算的，所以会使用数值。

再来是关於动态方面，像是战斗或是恢复生命值，以及显示目前状态

player.fight=function(){
    this.hp=this.hp-2
};
player.rest=function(){
    this.hp++
}
};
player.report=function(){
    alert(this.name+":"+this.hp)
};

我们首先角色内设定了遇到一次战斗会减损2生命值(player.fight)，再来也设定了休息就加回1生命值(player.rest)，最後则是使用警告视窗告诉使用这串程序码的人角色名称以及目前的血量(player.report)。

最後则是使用物件:

player.fight();
player.rest();
player.report();

我们在角色刚开始就已经设定了生命值为100hp(player.hp=100)
我们战斗(player.fight)所以减少了2生命值(this.hp=this.hp-2)，因为休息(player.rest)可以恢复1生命值，最後则是告诉使用者目前的状况(player.report)，程序码会跳出警告视窗，说明角色名称以及目前的血量( alert(this.name+":"+this.hp))，因为前面一开始设定名称为John，hp部分则是用原始设定的100去做计算-2加上恢复+1，所以会跳出警告视窗显示为John:99。

参考来源:
https://shubo.io/what-is-this/
https://www.youtube.com/watch?v=Vwg7BaPBK-Y