JavaScript入門教學看這裡!(19)方法

JavaScript中的"方法(method)"跟"函式(Function)"是一樣的嗎?差別又是什麼?


方法 (Method)

JavaScript 中的「方法 (Method)」也是函式（Function）的一種，但與之前介紹的「函式（Function）」的差別是，「方法 (Method)」是被當成物件屬性來存取的。

JavaScript 「方法 (Method)」的語法如下：

method名稱 = function() { 此處為要執行的代碼 }

快來使用以下語法，試試看能否順利將「方法 (Method)」叫出來：

物件名稱.method名稱()

方法 (Method) 是一種函數，屬於一個物件。可以使用 this 關鍵字引用之。 this 關鍵字在此用來組為引用當前物件，這意味著前端工程師可以使用它來存取物件的屬性和方法。
定義方法 (Method) ，需在函式建構式內完成，範例如下：

See the Pen Javascript19-method by Tedutw (@Tedutw) on CodePen.

在上述 JavaScript 範例，我們為新的 animal 物件定義了一個名為「babyName」的方法 (Method)。該方法 (Method)是一個函數，也取用參數名稱「name」，並將它分配給物件的「name」屬性。this.name 是指該物件的名稱屬性。而「babyName」方法將物件的「name」屬性更改為其參數。

除了上述方法，前端工程師還可以在函式建構式之外定義函式，並將該函式與其物件相連。範例如下：

See the Pen Javascript19-method-2 by Tedutw (@Tedutw) on CodePen.

相關文章：

SEM 關鍵字廣告課程讓高三生提早就定位 開始接案賺錢！

44歲媽咪順利轉職網頁設計師, 家庭事業都得意

AI 甩尾技術勝 Ken Block！方程式冠軍車手嘆：要失業了

日推AI手機具「防拍裸照」功能！再拍人工智慧就跟你媽告狀

JavaScript入門教學看這裡!(18)創造物件

免費的Java開發工具,看這裡就知道!

還不曉得JavaScript有多強大?看完這篇馬上被說服!