Day24:终於要进去新手村了-Javascript-函式-物件建立练习

这一篇我会使用彭彭教学中的例子加上自己理解的方式做解释以及纪录。
在彭彭课程之中的程序码如下:

var point= new Object;
point.x=3;
point.y=4;
point.getPosition = function(){
    alert(this.x + "," + this.y);
}
point.getPosition();

我们可以看到，第一行程序码var point= new Object;就是宣告一个名为point的变数，并且里面新增一个空白物件，接下来point.x=3;point.y=4;这个部分，我们可以看在point这个变数之中放入x=3以及y=4的物件资料进去，接着在point.getPosition这行程序码中可以看到就是在getPosition中放入了一个函式，最後一行则是使用这个物件，执行这个程序码後，会跳出显示3,4的警告视窗。
*注 alert的括号之中使用this，这个this就是用来呼叫上面程序码x与y这两个物件资料，关於this还有很多用法，目前先记录所学习到的部分。

当然也可以配合前面所学到建立函式的部分做修改:

var point= new Object;
point.getPosition = function(x,y){
    alert(x + "," + y);
}
point.getPosition(5,4);

上方没有像前面程序码先建立x与y的物件，而是用函式的方式去将x、y放到呼应的位置上，在最後一行使用物件的时候将资料填入，所以执行程序码时会跳出显示5,4的警告视窗。

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