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

顯示具有函式標籤的文章。顯示所有文章

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年1月2日星期四

Javascript入門必學16三種訊息框

Javascript入門必學的三種訊息框!

JavaScript 中提供了三種訊息框,有alert、confirm、prompt，三種訊息框的介紹如下：

Alert警告提示框

當前端工程師要確保信息確實傳遞給用戶時，就可以使用 Alert 警告提示框。JavaScript 的訊息框提供了一個「確定」按鈕，可以讓使用者關閉該訊息框後才可以繼續進行操作。
Alert 警告提示框採用單個參數，即彈出框中顯示的文字，如下例子：

alert("Do you really want to leave this page?");

prompt提示訊息框

JavaScript 的 prompt 提示訊息框用於讓用戶在進入頁面之前，必須先輸入訊息。
當 prompt 提示訊息框跳出時，用戶在輸入訊息後必須點擊「確定」或「取消」才能繼續。
如果用戶點擊「確定」，該框將顯示使用者輸入的訊息如果用戶單擊「取消」，則顯示「null」
如下例子，當使用者進入網頁時，網頁就會跳出一個 prompt提示訊息框，訊息框上顯示「你今年幾算?」，然後讓使用者輸入數字。若使用者輸入歲數並且按下「確定」後，訊息框將會顯示「你今年＿歲」；若使用者沒有輸入訊息或是按「取消」，則顯示「你今年null歲」。

// result = prompt(確認訊息框顯示問題);
let age = prompt('你今年幾算?');

alert(`你今年 ${age} 歲!`); // 你今年＿歲！

confirm確認訊息框

JavaScript 的 confirm 確認訊息框通常用於讓用戶驗證或接受某些內容。
彈出confirm確認訊息框時，用戶必須點擊「確定」或「取消」才能繼續。
如果用戶單擊「確定」，則該框將回傳 true。如果用戶單擊「取消」，則該框將回傳 false。
如下例子，當使用者進入網頁時，網頁就會跳出一個 confirm 確認訊息框，訊息框上顯示「請問你確定要離開此頁嗎?」，然後讓使用者輸入「確定」或「取消」。若使用者輸入「確定」後，訊息框將會顯示「感謝您的造訪，再見！」；若使用者沒有輸入訊息或是按「取消」，則顯示「感謝您選擇繼續瀏覽我們的網頁！」。

var result = confirm("請問你確定要離開此頁嗎?");
if (result == true) {
  alert("感謝您的造訪，再見！");
}
else {
  alert("感謝您選擇繼續瀏覽我們的網頁！");
}

2019年12月26日星期四

Javascript入門必學15函式回傳

Javascript初學者必學,別漏了"函式回傳"!

JavaScript 函式（function）如果進行需要結果的計算時，可以選擇return 語句，讓函式回傳結果,這個語句非常有用。
當 JavaScript 執行到 return 語句時，函式則會停止執行。
return 語句可用來回傳結果。如下例，對兩個數值 x,y 進行運算後回傳結果

See the Pen JavaScript15-theReturnStatement by Tedutw (@Tedutw) on CodePen.

如果你不從函式回傳任何內容，它將回傳為 undefined。例如，我們將上述的例子中，「return a * b;」改為「return;」，則結果如下面所示：

See the Pen JavaScript15-theReturnStatement-1 by Tedutw (@Tedutw) on CodePen.

return 語句要寫在函式定義的最後方，另一個 return 語句的範例如下：

See the Pen JavaScript15-theReturnStatement-2 by Tedutw (@Tedutw) on CodePen.

2019年12月25日星期三

Javascript入門必學14函式中的多重參數

Javascript入門必學,別只知道函式的參數,還有"多重參數"呢!

函式中使用多重參數

在上一篇文章「函式中的參數(Parameters)」中，介紹了函式的參數用法。本篇的JavaScript 教學則會介紹如何在函式 function）中置入多個參數的方法。
一個函式可以使用兩個以上的參數，參數間以半形的逗點「,」隔開。舉例來說,我們在名為「myFunc」的這個 JavaScript 函式中置入了三個參數，寫法如下：

function myFunc(x,y,z) {
  //這裡寫上要執行的程式代碼，定義這個參數。
}

這些參數被使用於函式的定義中，寫法範例如下：

function  sayAge(name,age){
  document.write(name+" is "+age+"  years old.")
}

當你在宣告上述的「sayAge」函式時，就在小括號中寫入兩個參數的值(即為「引數 arguments」）。兩個引數須依照參數的順序來寫，範例如下：

See the Pen JavaScript14--function multiple Parameters by Tedutw (@Tedutw) on CodePen.

另一個三個參數的範例如下：

See the Pen JavaScript14--function multiple Parameters-2 by Tedutw (@Tedutw) on CodePen.

假如你宣告函式之後，你所輸入的引數數目小於參數時，則缺少的引數就被設置為「undefined」。如下例中我們定義了三個參數，但是只輸入了兩個引數，則第三個引數就會自動被設置為「undefined」。

See the Pen JavaScript14--function multiple Parameters-3 by Tedutw (@Tedutw) on CodePen.

2019年12月19日星期四

Javascript入門必學13函式的參數

Javascript函式導入參數,讓應用更多元!

函式中的參數

JavaScript 的函式（function），是可以導入參數（parameters）的，這可以讓函式有更多的應用。
定義JavaScript函式參數時，參數（parameters）的名稱將被寫在函式名稱後方的小括號內。語法如下所示：

function函式名稱(參數1, 參數2, 參數3) {
  //這裡寫上要執行的代碼
}

切記所有的參數都必須被命名，並且以半形逗號來隔開所有不同名稱的參數

使用參數

定義完參數之後，你就可以在函式內使用它了。
例如，下列為一個名為「sayHello」的函式，該函式使用一個名為「name」的參數。當宣告「sayHello」函式時，就在小括號中寫入該參數的值，也就是引數（arguments）。

See the Pen JavaScript13-functionParameters by Tedutw (@Tedutw) on CodePen.

您可以定義一個函式，然後給予不同的參數值（引數）。承上例，套用不同引數的例子如下：

See the Pen JavaScript13-functionParameters by Tedutw (@Tedutw) on CodePen.

2019年12月18日星期三

Javascript入門必學12使用者定義函式

Javascript初學者必學的"使用者定義函式"!

JavaScript 函式

「JavaScript 函式」是由多個 JavaScript 代碼組合成的區塊，它是被用來執行特定的功能。
前端工程師使用函式的主要優點有以下兩點：

可重複使用同組代碼：代碼一被定義，就可以多次重複使用。
相同的代碼，配合不同的引數（arguments）就會產生不同的結果。

定義函式

要定義函式，JavaScript 的寫法是使用「function」，後面接上「name（函式名稱）」及一對小括號「（）」和大括號「{}」。要執行的代碼，則寫在大括號「{}」中。如下方所示：

function name() {   
  //這裡寫上要執行的代碼
}

例如，今天我們要定義一個函式，取名為「hello」，定義其功能為輸出「Hi,there」。其寫法如下例所示：

function name(hello) {   
  document.write("Hi there");
}

宣告函式

函式經由上述被定義的過程後，就可以「隨傳隨到」。前端工程師需要執行這個函式前，就不用再一次重新定義它，只要宣告它就好了。宣告函式的寫法為：函式名稱加上小括弧即可。如有需要引數的場合，則把引數寫在小括弧中。承續上一段的例子，今天我們要叫出這個名字為「hello」的函式，寫法如下方所示：

See the Pen JavaScript12-function by Tedutw (@Tedutw) on CodePen.

記得在宣告函式的語句最後方加上分號。
一但函式被定義後，前端工程師在 JavaScript 中，就可以多次宣告它，不用再重新定義。

相關文章

Javascript入門必學9-for迴圈

Javascript入門必學10 while和do while迴圈

Javascript入門必學11跳出迴圈與重新執行

前端工程師是做什麼的?和後端工程師哪裡不一樣?這篇一次告訴你!

前端工程師有了這個工作超省時Emmet(四):顯示文字與屬性值

還不知道"這些",別說你想當前端工程師!

單一技能已被淘汰讓Java課程使你充實自我還能媒合高薪職缺

2天考取Google Ads證照！新手廣告投放攻略

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

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

零基礎如何花 14 小時考取 GoogleAds 認證? 五種 GoogleAds 廣告不藏私攻略

訂閱：文章 (Atom)

2020年3月11日 星期三

入門必學的Javascript物件,學起來吧! 方法 (Method)

2020年1月2日 星期四