新手必讀的JavaScript(12):使用者定義函式

大家敲碗的JavaScript教學文來嘍!!新手必讀!!老手當複習~大家一起學起來!!(12)
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和前端工程師的文章請點下方連結!!
     
     
     
     
    其他閱讀
    新手必讀的JavaScript(13):函式中的參數
    新手必讀的JavaScript(14):在函式中使用多重參數
    人工智慧讓你看清肥胖的原因 Python課程教你如何做到
    美國NASDAQ上市公司、外商IT教育培訓企業
    Python課程讓你免煩惱AI智慧的8億職缺危機 還能輕鬆領高薪
    全球TOP 5熱門程式語言,除了Java課程你還應該知道….
    2天考取Google Ads證照!新手廣告投放攻略
    擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師
    44歲媽咪順利轉職網頁設計師, 家庭事業都得意
    零基礎如何花 14 小時考取 GoogleAds 認證?五種 GoogleAds 廣告不藏私攻略
    從無到有 挑戰14小時取得Google證照

    Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()

    Google Ads編輯器推出1.2新版,功能竟多達10種!!

    用過都說好的Google Ads編輯器有新版本嘍!!想知道這次新增了那些功能嗎?快往下讀吧!!
    Google 於 11 月 7 日發布了 Google Ads 編輯器(Google Ads Editor)1.2 版。此版本增加許多新功能:包括支援新的廣告類型以及多重帳戶管理。在這之前的版本 - 7 月發佈的 1.1 版已經有一段時間了。
    以下是10大新功能的完整列表:
    1. 在編輯窗格中隱藏重複的空白字段
    一些「實體類型」(註:Entities,為廣告活動、廣告群組等類型的總稱)的項目類似,但被填寫的只有少數幾個。過去的編輯器總是顯示所有項目,這導致編輯區域變的很長,用戶常需要滾動滑鼠,從一個項目移到另一個項目。
    新版的編輯器可以自動隱藏空白的項目,每當有變更時,編輯器都可以自動隱藏空白的項目或其相關的項目組合。用戶可自由選擇顯示或隱藏空白項目。
     
    ▲ 新版的 Google Ads Editor 可以自動隱藏空白的類型。

  • 零基礎如何在14小時內考取 Google Ads 認證?GoogleAds 有哪五種格式?




  • 14 小時內考取 Google Ads 認證的密集班



  • 2. 在匯入 CSV 檔案時新增/移除標籤語法
    過去透過 CSV 匯入功能或「大量修改」來更新項目標籤時,必須指定完整的標籤組合。現在,您可以新增或移除標籤,並保留所有現有標籤:
    1.在標籤名稱前面加上「+」,即可保留該現有標籤。
    2.在標籤前面加上「-」,即可移除該標籤並保留其他標籤。
    3. 圖片名稱
    Google Ads 中的圖片是可以命名的。現在,凡是從 Google Ads 帳戶所下載的圖片,編輯器都會顯示該名稱。
    在編輯器中,當從電腦檔案新增圖片時,系統會使用檔案名稱做為該圖片的名稱。該名稱會與圖片資料一起上傳到 Google Ads 帳戶。
    4. 在搜尋廣告活動中採用「盡量提高轉換價值」
    搜尋廣告活動現已支援「盡量提高轉換價值」出價策略。請注意,該策略的「目標廣告投資報酬率(target ROAS)」欄位無法使用,必須留空。
    5. 探索廣告活動
    現在Google Ads 編輯器完整支援「探索廣告活動」 (又稱「自有自營」廣告活動)。這個版本包含探索廣告 (又稱「自有自營多素材資源廣告」)。「探索廣告活動」不支援輪轉廣告。
    6. 通用應用程式參與式廣告活動 (UACe)
    現在 Google Ads 編輯器完整支援通用應用程式參與式廣告活動。
    7. 搜尋錯誤
    用戶現在可在 Google Ads 編輯器的篩選列中選取「錯誤(Violation)」,篩選出標有特定錯誤的項目。
    8. 共用排除關鍵字清單
    用戶現在可在 Google Ads 編輯器左側選取「共用資料庫(Shared Library)」的「共用排除關鍵字清單」,與別的帳號共用同個「共用排除關鍵字清單」。
    以下是更新的項目:
    9. 影片廣告活動的展示頻率上限
    影片廣告活動的展示頻率上限有兩項變動:
    僅支援按「廣告活動」設定上限。按「廣告」或「廣告群組」設定上限的功能已不適用,且遭到 API 封鎖。
    最多可設定 6 個上限 (「{曝光次數、觀看次數} x {每天、每週、每月}」的六種組合各可設定一個)。先前只支援兩個上限,一個是曝光次數的上限,另一個則是觀看次數的上限。
    10. 「發布變更」對話方塊顯示更詳細的數量
    點擊「發布」或「檢查變更」時,您會看到該對話方塊,當中顯示您要上傳/檢查的變更數量。之前該對話方塊只會顯示含有變更的項目總數。
    現在,這個總數會依「即將建立」、「更新」及「刪除」的項目細分。這樣一來,用戶便能一眼看出即將進行的變更,這樣就不會誤刪廣告活動了。
    若你想從事

    數位行銷職,但是尚未考取 Google Ads 認證的話,達內教育推出的「14 小時 Google Ads 認證考照班(連結點此)」可以幫助你短時間內了解 Google Ads 的基本操作並且 2 天內取得證照。
     
    更多數位行銷

    網路行銷和Goolge Ads認證課程請點下方連結!!
     
     
     
    其他閱讀
    網路行銷小課免費學():概論與內容行銷
    網路行銷課程帶你一探3D虛擬人偶APP----Zepeto爆紅秘密!!
    白帽SEO黑帽SEO傻傻分不清嗎?網路行銷課程一次就讓你搞懂!!
    人工智慧讓你看清肥胖的原因 Python課程教你如何做到
    美國NASDAQ上市公司、外商IT教育培訓企業
    Python課程讓你免煩惱AI智慧的8億職缺危機 還能輕鬆領高薪
    全球TOP 5熱門程式語言,除了Java課程你還應該知道….
    2天考取Google Ads證照!新手廣告投放攻略
    擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師
    44歲媽咪順利轉職網頁設計師, 家庭事業都得意
    零基礎如何花 14 小時考取 GoogleAds 認證?五種 GoogleAds 廣告不藏私攻略
    從無到有 挑戰14小時取得Google證照

    Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()

    新手必讀的JavaScript(11):跳,不跳出迴圈

    大家敲碗的JavaScript教學文來嘍!!新手必讀!!老手當複習~大家一起學起來!!(11)
    Break
    break 敘述, 是

    前端工程師用來「跳出」迴圈用的,繼續執行迴圈之後的 JavaScript 程式。
    See the Pen JavaScript11-break by Tedutw (@Tedutw) on CodePen.
    只要當 i 的值等於 7 時,即將會從該迴圈跳出。
    Continue
    Continue 敘述,僅在迴圈內中斷程式的執行,在中斷後又重新執行迴圈,而不會跳出迴圈。
    See the Pen JavaScript12-continue by Tedutw (@Tedutw) on CodePen.

    Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()

    Javascript基礎入門(十五):函式回傳

    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.

    Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()

    新手必讀的JavaScript(10):while迴圈

    大家敲碗的JavaScript教學文來嘍!!新手必讀!!老手當複習~大家一起學起來!!(10)
    while 迴圈
    只要條件成立,JavaScript 的「while 迴圈」就會重複執行一段程式碼。這

    前端工程師一定要知道~
    while 迴圈的 JavaScript 語法如下
    See the Pen JavaScript10-while-loop-1 by Tedutw (@Tedutw) on CodePen.
     
    以下為 while 迴圈的範例:變數 i 的初始值等於 0、條件為「當 i 的值小於或等於 7 」時,就執行「顯示變數 i 的值,並且把 i 的值再加 1」。然後重複執行迴圈。
    See the Pen JavaScript10-while-loop-2 by Tedutw (@Tedutw) on CodePen.
    只要 i 小於或等於 7,迴圈將繼續執行程式。每次迴圈運行時,數值都會增加 1,於是輸出了 1 到 7 的值。
    當條件一直成立時,迴圈則會繼續執行程式,直到條件不成立為止。在下條件時要小心,若條件一直成立的話,迴圈就會一直執行下去,沒有停止。
    do...while 迴圈
    do...while 迴圈是 while 迴圈的變體。在檢查條件是否成立之前,此迴圈會先執行一次程式碼,然後只要條件為真,迴圈將會重複循環。
    do...while 迴圈的 JavaScript 語法如下
    See the Pen JavaScript10-do-while-loop-3 by Tedutw (@Tedutw) on CodePen.
    註:分號必須寫於 do...while 迴圈的最末端
    do...while 迴圈的範例如下:變數 i 的初始值等於 0、執行「顯示變數 i 的值,並且把 i 的值再加 1」、條件為「當 i 的值小於或等於 7 」。
    See the Pen JavaScript10-do-while-loop-5 by Tedutw (@Tedutw) on CodePen.

    Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()

    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.

    Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()

    新手必讀的JavaScript(9):for迴圈

    大家敲碗的JavaScript教學文來嘍!!新手必讀!!老手當複習~大家一起學起來!!(9)
    迴圈
    JavaScript 的「迴圈(Loops)」可以多次執行一組程式。當有多個值,需要重複執行同程式時,用「迴圈(Loops)」非常方便。
    JavaScript 有三種迴圈:forwhile do while 。最常用的 for 迴圈JavaScript 語法如下:
    See the Pen JavaScript9-for-loop-1 by Tedutw (@Tedutw) on CodePen.
    上例是典型的 for 迴圈(for loop)格式,包含三個條件敘述 (statement):
    在迴圈開始之前執行「條件敘述 1」;
    「條件敘述 2」定義了迴圈運行的條件;
    每次迴圈跑完之後,執行「條件敘述 3」。
    For 迴圈
    以下的 for 迴圈範例中,顯示出 7 個等於或小於 7 的整數:
    See the Pen JavaScript9-for-loop-2 by Tedutw (@Tedutw) on CodePen.
    以上示例中,迴圈開始前,條件敘述 1 設置了一個變數(變數 i = 1);
    條件敘述 2 定義了迴圈運行的條件(i 必須小於或等於 7)。
     
     


    前端工程師每次執行迴圈中的程式代碼後,條件敘述 3 都會增加一個值(i ++)。

    條件敘述 1 是選擇性的:如果在迴圈開始前就已經定義了值,則可以將其省略。如下例 (因為在 for 迴圈之前便已經定義了「var i = 1」,因此 for 迴圈就省略了條件敘述 1 ):
     
     
    See the Pen JavaScript9-for-loop-3 by Tedutw (@Tedutw) on CodePen.
    如果條件敘述 2 結果為真(true),則迴圈將重頭開始執行;反之,迴圈將結束。與條件敘述 1 一樣,條件敘述 2 也是選擇性的(可以省略)。
    如果省略條件敘述 2 ,則必須在迴圈內加一個 break。否則迴圈將不會結束。
    條件敘述 3 用於更改初始變數。可以使用任何方式來修改變數,包括減去(i--)或增加(i = i + 15)等等。
    條件敘述 3 也是選擇性的(可以省略),如果在迴圈內增加值,則可以將其省略。
    See the Pen JavaScript9-for-loop-4 by Tedutw (@Tedutw) on CodePen.

    Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()

    Javascript基礎入門(十三):函式中的參數

    JavaScript基礎入門教學登場啦!!需要的同學快往下閱讀吧!!(十三)
    函式中的參數
    前端工程師可在JavaScript 中的函式(function),可以導入參數(parameters),讓函式有更多的應用。
    在定義JavaScript函式參數中,參數(parameters)的名稱寫在函式名稱後方的小括號內。語法如下所示:
    function函式名稱(參數1, 參數2, 參數3) {
    //這裡寫上要執行的代碼
    }

    所有的參數都必須被命名,並且以半形逗號來隔開所有不同名稱的參數
    使用參數
    定義完參數之後,你就可以在函式內使用它了。
    使用一個名為「name」的參數。當宣告「sayHello」函式時,就在小括號中寫入該參數的值,也就是引數(arguments)。函式例如,下列為一個名為「sayHello」的函式,該
     
    S
     
    ee the Pen JavaScript13-functionParameters by Tedutw (@Tedutw) on CodePen.
    您可以定義一個函式,然後給予不同的參數值(引數)。承上例,套用不同引數的例子如下:
    See the Pen JavaScript13-functionParameters by Tedutw (@Tedutw) on CodePen.

    Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()

    新手必讀的JavaScript(8):switch條件式

    大家敲碗的JavaScript教學文來嘍!!新手必讀!!老手當複習~大家一起學起來!!(8)
    switch 條件式
    JavaScript 中,若你有多個條件需要測試的話,為每個條件編寫 if...else 語句可能不是那麼有效率。此時,

    前端工程師們可以使用 switch 敘述式,就可以依據不同的條件而執行所指定的程式。 switch 用法如下面代碼所示:
    See the Pen JavaScript8-switch-1 by Tedutw (@Tedutw) on CodePen.
     
    switch 敘述式只運算一次,看看敘述是否符合各個情況(case)所指定的條件。當有條件成立時,則會執行該情況(case)所對應的程式。如以下例子:變數「day」若為 1 時則輸出「Mon」、為 2 時,則輸出「Tue」、為 3 則輸出「Wed」、為 4 則輸出「Thu」、為 5 則輸出「TGIF」,都不符合就輸出「Weekend day」。
    See the Pen JavaScript8-switch-2 by Tedutw (@Tedutw) on CodePen.
    註1:以上例子也可以使用 if...else 條件式 來寫,但不如 switch 來的精簡。
    註2:每一個 case 中的「break」語句,作用是讓 JavaScript 跳出該 switch 程式區塊,以阻止更多的程式碼執行、或是繼續在該區塊內繼續測試的動作。通常一種情況(case)的條件陳述中,會放一個「break」。
    switch 條件式中的「default」
    當所有條件都不成立時,「default」關鍵字指定 JavaScript 要執行的動作。如下例,若變數「member」的值都不符合所有情況(case)的條件陳述時,JavaScript 就跑到「default」,顯示「不是Stratovarius的現任團員」。以下的變數(var)「member」的值為 「Tokki」,看看是否符合每個情況(case)的條件陳述。
    See the Pen JavaScript8-switch-3 by Tedutw (@Tedutw) on CodePen.

    Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()

    Javascript基礎入門(十二):使用者定義函式

    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和前端工程師的文章請點下方連結!!
     
     
     
     
    其他閱讀
    Javascript基礎入門(十三):函式中的參數
    Javascript基礎入門(十四):在函式中使用多重參數
    人工智慧讓你看清肥胖的原因 Python課程教你如何做到
    美國NASDAQ上市公司、外商IT教育培訓企業
    Python課程讓你免煩惱AI智慧的8億職缺危機 還能輕鬆領高薪
    全球TOP 5熱門程式語言,除了Java課程你還應該知道….
    2天考取Google Ads證照!新手廣告投放攻略
    擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師
    44歲媽咪順利轉職網頁設計師, 家庭事業都得意
    零基礎如何花 14 小時考取 GoogleAds 認證?五種 GoogleAds 廣告不藏私攻略
    從無到有 挑戰14小時取得Google證照

    Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()

    新手必讀的JavaScript(7):條件陳述式

    大家敲碗的JavaScript教學文來嘍!!新手必讀!!老手當複習~大家一起學起來!!(7)
    if 條件式
    在使用 JavaScript 編寫程式碼時, 若希望程式能依據不同的狀態,而執行不同的操作時,就需要使用條件陳述式(conditional statements)
    我們可以使用if 條件式敘述:當一個指定的條件成立(為真)時會執行的程式碼,用白話來說就是「當...條件成立時,則會執行...程式」。
    if 條件式的 JavaScript 語法如下
    See the Pen JavaScript7-if-1 by Tedutw (@Tedutw) on CodePen.
    只有當指定的條件成立時,程式碼才會執行。
    下面為 if 條件式 的範例,聲明當「變數 Num1 小於 變數 Num2」的條件成立時,才會顯示「JavaScript其實不難啊!」。
    See the Pen JavaScript7-if-3 by Tedutw (@Tedutw) on CodePen.
     
    承上面的例子,當「變數 Num1 小於 變數 Num2」的條件不成立時,則程式會自動跳過要執行的代碼,不會顯示「JavaScript其實不難啊!」。如下所示:
    See the Pen JavaScript7-if-4 by Tedutw (@Tedutw) on CodePen.
    else 敘述
    當條件不成立時,除了不讓程式執行之外,我們還可以選擇使用「else」語句來指定當不符合指定條件時,所要執行的動作。承上方例子,當不符合「變數 Num1 小於變數 Num2」 的狀況時,就顯示「

    前端工程師都必須學JavaScript」。
    See the Pen JavaScript7-if-5 by Tedutw (@Tedutw) on CodePen.
    else if 敘述
    if 條件式 中,前端工程師們還可以加入「else if」敘述另一個條件。當所指定的條件不成立時,是否還符合另一個條件。如以下例子所示,當變數「age」大於 17 的條件成立時,則顯示「成人」;若不成立,則看看是否符合另一個條件(變數是否大於 11)。當另一個條件成立時,則顯示「青少年」;若兩個條件都不成立,就顯示「兒童」。
    See the Pen JavaScript7-if-6 by Tedutw (@Tedutw) on CodePen.

    Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()

    Javascript基礎入門(十一):跳,不跳出迴圈

    JavaScript基礎入門教學登場啦!!需要的同學快往下閱讀吧!!(十一)
    Break
    break 敘述, 是

    前端工程師用來「跳出」迴圈用的,繼續執行迴圈之後的 JavaScript 程式。
    See the Pen JavaScript11-break by Tedutw (@Tedutw) on CodePen.
    只要當 i 的值等於 7 時,即將會從該迴圈跳出。
    Continue
    Continue 敘述,僅在迴圈內中斷程式的執行,在中斷後又重新執行迴圈,而不會跳出迴圈。
    See the Pen JavaScript12-continue by Tedutw (@Tedutw) on CodePen.

    Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()

    Blog Stats
    ⚠️

    成人內容提醒

    本部落格內容僅限年滿十八歲者瀏覽。
    若您未滿十八歲,請立即離開。

    已滿十八歲者,亦請勿將內容提供給未成年人士。