iT邦幫忙

2021 iThome 鐵人賽

DAY 24
0
Modern Web

JS進入新手村,我好害怕系列 第 24

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


上一篇
Day23:終於要進去新手村了-Javascript-物件建立
下一篇
Day25:終於要進去新手村了-Javascript-函式-物件綜合範例
系列文
JS進入新手村,我好害怕30

尚未有邦友留言

立即登入留言