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

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有多強大?看完這篇馬上被說服!

這個網誌中的熱門文章

Python控制結構一點就通!(5)while迴圈

前端工程師絕不能搞錯的CSS中:逗號.空格的差別!

網頁前端CSS必學兩屬性:display與visible