發表文章

目前顯示的是有「函式」標籤的文章

JavaScript初學者的入門天地!(19)方法

圖片
JavaScript中的"方法(Method)"也是函式?它的語法又該如何使用? 方法 (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)創造物件 學了JavaScript,同時將許多功能攬...

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 確認訊息框,訊息框上顯示「請問你確定要離開此頁嗎?」,接著讓使用者選擇輸入「確定」或「取消」。 若使用者輸入「確定」後,訊息框將會顯示「感謝您的造訪,再見!」 若使用者沒有輸入訊息或是按「取消」,頁面則會顯示「感謝您選...

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 . 延伸閱讀文章: JavaScript初學者的入門天地!(12)使用者定義函式 JavaScript初學者的入門天地!(13)函式中的參數 JavaScript初學者的入門天地!(14)函式中使用多參數 履歷還不夠漂亮嗎? 快去報名Java,UI課程等等,為自己寫一份完美履歷吧!! 權威指南說:Java課程是一生必學的事!你學會了嗎?  再不學Java課程就落伍了!不要懷疑!它是能改變你生活的仙丹! 美國NASDAQ上市公司、外商IT教育培訓企業 2天考取Google Ads證照!新手廣告投放攻略 擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師 44歲媽咪順利轉職網頁設計師, 家庭事業都得意 零基礎如何花 14 小時考取 GoogleAds 認證?五種 GoogleAd...

JavaScript初學者的入門天地!(14)函式中使用多參數

圖片
相信你對JavaScript的函式和其參數不陌生,今天要教你如何在當中使用多重函式! 函式中使用多重參數 在上一篇關於 JavaScript 的文章「 函式中的參數(Parameters) 」中,介紹了函式中的參數用法。而本篇 JavaScript 教學則介紹在 函式 (function)中置入多個參數的方法。 一個函式中可以使用兩個以上的參數,參數間以半形的逗點「,」隔開。例如名為「myFunc」的函式中置入了三個參數,其寫法如下: 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 . 延伸閱讀文章: JavaScript初學者的入門天地!(12)使用者定義函式 JavaScript初學者的入門天地!(13)函式中的參數...

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 . 延伸閱讀文章: JavaScript初學者的入門天地!(1)如何在網頁中嵌入它 JavaScript初學者的入門天地!(2)變數 JavaScript初學者的入門天地!(3)資料類型 前端工程師除了RWD別無選擇?選對方法就可以辦到SEO無痛! 教Java課程的老師,告訴你什麼程式語言最夯最多人學? 透過對的Java課程,讓你從茫然的畢業生中脫穎而出! 達內教育學員見證 2天考取Google Ads證照!新手廣告投放攻略 擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師 44歲媽咪順利轉職網頁設計師, 家庭事業都得意 零基礎如何花 14 小時考取 GoogleAds 認證?五種 GoogleAds 廣告不藏私攻略 從無到有 挑戰14小時取得...

JavaScript初學者的入門天地!(12)使用者定義函式

圖片
JavaScript的使用者定義函式是什麼?還不了解的人,今天帶你看看該怎麼定義它! JavaScript 函式 「JavaScript 函式」,就是由多個 JavaScript 代碼組合成的區塊,被用來執行特定的功能。 使用函式的主要優點有以下兩點: 1. 可重複使用同組代碼: 代碼一但被定義後,就可以多次重複使用。 2. 相同的代碼,只要配合不同的引數(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初學者的入門天地!(10)while相關迴圈 JavaScript初學者的入門天地!(11)跳出和繼續的迴圈 JavaScript初學者的入門天地!(13)函式中的參數 有一個傳說 來上Java課程還能任高薪職缺 媒合率竟高達百分之90 從外行人變Java工程師,他自己對達內...