Java課程是為了數位化的現在，Python課程是為了未來的人工智慧: object

顯示具有 object 標籤的文章。顯示所有文章

2020年3月11日星期三

Javascript入門必學19-方法(Method)

入門必學的Javascript物件,學起來吧!

方法 (Method)

「方法 (Method)」在JavaScript 語言是屬於函式（Function）的一種，之前介紹的「函式（Function）」與「方法 (Method)」的差別是:「方法 (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.

2020年2月18日星期二

Javascript入門必學18-創造物件

入門必學的Javascript物件,上回介紹了它,那麼如何創建它呢?

物件建構式（object constructor）

上次我們使用物件（object）初始值（initializer）語法來創建了一些 JavaScript 物件。

See the Pen JavaScript 17-Objects-1 by Tedutw (@Tedutw) on CodePen.

以上的 JavaScript例子只建立了單一的「person」。有時前端工程師也需要設定「物件種類（object type）」來創建單一種類的多個物件

前端工程師可以使用「物件建構式（object constructor）」創建「物件種類（object type）」。如下：

See the Pen JavaScript 18-Objects-Constructor-1 by Tedutw (@Tedutw) on CodePen.

上述的函式「function person」就是一個物件建構式（object constructor）：接受 name、nationality、team、BikeNo 這 4 個參數並且指派這 4 個參數為物件的屬性。
上述例子的關鍵字「this」是指當前的物件。注意 this 不具有變數的屬性（因為其值不能改變），僅僅是一個關鍵字。

創造物件

有了物件建構式（object constructor）之後，前端工程師就可以使用關鍵字「new」來創建同一種類型（type）的新物件（new objects）

See the Pen JavaScript 18-Objects-Constructor-2 by Tedutw (@Tedutw) on CodePen.

在上述的例子，變數 b1 與 b2 皆為「biker」類型的新物件。這些物件含有多個屬性，這些屬性被分配給對應的物件值。例如 b1 的 "Valention Rossi" 屬性被分配給物件值 "name"。
上述例子中，b1 的物件名稱與屬性名稱分別列表如下

物件：name；屬性：Valention Rossi
物件：nationality；屬性：Italy
物件：team；屬性：Monster Energy Yamaha MotoGP
物件：BikeNo；屬性：46

b2 的哪個屬性被分配（對應）給哪個物件名稱也如同上述的形式：

物件：name；屬性：Valention Rossi
物件：nationality；屬性：Marc Márquez
物件：team；屬性：Repsol Honda Team
物件：BikeNo；屬性：93

照著以上的語法，多練習幾遍，相信你會很快熟悉如何在 JavaScript 中快速建立新的物件屬性

2020年2月17日星期一

Javascript入門必學17-物件

Javascript入門必學,初學者們別忘了去了解"物件"是什麼喔!

JavaScript的變數（variable）可被比喻成用來盛裝「值（value）」的容器。本篇介紹的「物件（objects）」就是變數（variable）的一種，可以承裝多個值（value）。
一個物件（objects）可以被比喻成一張列有多個值的清單，清單上每個物件的格式為「屬性:屬性值」。所有的屬性、屬性值都以冒號作為區隔，範例與說明(「//」開頭的橫行為說明文字) 如以下：

See the Pen JavaScript 17-Objects-1 by Tedutw (@Tedutw) on CodePen.

結論：JavaScript 的物件 Objects 就像是容器，能裝多個「有名字」的值。

物件屬性（object property）

在 JavaScript 中，要存取物件的屬性（object property），有兩種寫法：

物件名.屬性名
物件名['屬性名']

範例與說明(「//」開頭的橫行為說明文字)如以下所示：

See the Pen JavaScript 17-Objects-2 by Tedutw (@Tedutw) on CodePen.

JavaScript 有內建「length」屬性，可計算屬性名稱的字數。承上「length」屬性如下所示

See the Pen JavaScript 17-Objects-3 by Tedutw (@Tedutw) on CodePen.

物件方法（object method）

JavaScript 中的物件方法（object method）是一個含有「函式定義（ function definition）」的屬性，存取物件方法（object method）的寫法如以下所示：

物件名.方法名

如大家所知道的，document.write() 會顯示資料的內容，這個 write()函式就是物件「document」的方法。「document.write()」就是一個物件方法（object method） 的例子。

相關文章

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

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

擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師

AI 產業革命開始！為何 Python 成人工智慧必備語言？

為什麼學習網頁前端一定要掌握JavaScript？

Javascript入門磚7條件式

Javascript入門必學8條件判斷式

Javascript入門教室9-for迴圈

2020年3月11日 星期三