JavaScript連載15-return、函數聲明方式差異化、回調函數

来源:https://www.cnblogs.com/ruigege0000/archive/2020/06/06/13053077.html
-Advertisement-
Play Games

一、return語句 1.註意點:(1)如果函數沒有使用return語句,那麼函數預設的返回值:undefined;(2)如果函數使用return語句,那麼跟在return後面的值,就成了函數的返回值;(3)如果函數使用return語句,但是return後面沒有任何值,那麼函數的返回值也是undef ...


一、return語句

1.註意點:(1)如果函數沒有使用return語句,那麼函數預設的返回值:undefined;(2)如果函數使用return語句,那麼跟在return後面的值,就成了函數的返回值;(3)如果函數使用return語句,但是return後面沒有任何值,那麼函數的返回值也是undefined;(4)推薦的做法要麼讓函數始終都返回一個值,要麼不要有返回值。

 

    /**

     * 請寫出一個函數用於判斷一個數是不是偶數

     * @param {number}num

     */

    function isEven(num) {

        //1.驗證

        if(typeof num != 'number'){

            alert("參數不正確");

            return;

        }else{

            if(num % 2 === 0){

                return '偶數';

            }else{

                return '奇數';

            }

        }

​

    }

    function m1(){

​

    }

    isEven('100');

    var f1 = isEven(45);

    console.log(f1);

    console.log(m1());

二、函數直接聲明和函數表達式聲明的區別

1.函數直接聲明

 

function f(){

}

 

 

2.函數表達式聲明

 

var f = function{

}

 

 

​區別:JavaScript解析器首先會把當前作用域的函數聲明提前到整個作用域的最前面,所以推薦使用​函數直接聲明式。​優點就是:我們的函數可以不用在乎出現的位置而​直接使用。

三、匿名函數

​1.作用:(1)用於綁定事件的時候;(2)定時器;(3)立即執行函數。

2.

 

    //匿名函數

    document.onclick = function () {

        alert("youxiu");

    }

​

    //立即執行函數

    //定時器

    setInterval(function () {

        console.log("每秒愛你300編");

    },1000);//每個1s就輸出一個“每秒愛你3000遍”

四、源碼:

D15_1_ReturnAndFunction.html

D15_2_FunctionExample.html

地址:

https://github.com/ruigege66/JavaScript/blob/master/D15_1_ReturnAndFunction.html

https://github.com/ruigege66/JavaScript/blob/master/D15_2_FunctionExample.html

2.CSDN:https://blog.csdn.net/weixin_44630050

3.博客園:https://www.cnblogs.com/ruigege0000/

4.歡迎關註微信公眾號:傅里葉變換,個人賬號,僅用於技術交流,後臺回覆“禮包”獲取Java大數據學習視頻禮包

 

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 確認基礎配置中的AppID和Android包名是否相同。 ...
  • Electron整合React使用搭建開發環境 博客說明 文章所涉及的資料來自互聯網整理和個人總結,意在於個人學習和經驗彙總,如有什麼地方侵權,請聯繫本人刪除,謝謝! 簡介 用於構建用戶界面的 JavaScript 庫 步驟 首先創建React npx create-react-app doc 進入 ...
  • React簡介和使用 博客說明 文章所涉及的資料來自互聯網整理和個人總結,意在於個人學習和經驗彙總,如有什麼地方侵權,請聯繫本人刪除,謝謝! 簡介 用於構建用戶界面的 JavaScript 庫 特點 聲明式 React 使創建互動式 UI 變得輕而易舉。為你應用的每一個狀態設計簡潔的視圖,當數據改變 ...
  • 一、路徑別名設置: [email protected]: 1 // build/webpack.base.conf.js中: 2 resolve: { 3 extensions: [".js", ".vue", ".json", ".css", ".scss"], 4 alias: { 5 vue$: "vue ...
  • 有很多同學留言說,越學越迷茫,不知道該從哪裡下手,今天梳理了一些學習web前端的經驗,以及學習的步驟,分享給大家,希望對你們學習能有幫助。 電腦行業很多領域都符合82定律,也就是20%的東西的使用頻率占到80%,所以很適合囫圇吞棗,因此我們的重點就是把這20%學起來,而首先要做的就是把這20%的東 ...
  • 送福利啦! 歷經兩個月發展,本人終於回歸前端崗位!裸辭的艱辛已然消逝在這裡特地講我自己這兩個月整理的相關面試題分享給大家,免費獲取哦~ 內容: 基礎題(293題) 進階題(30題) 高級題(91題) 電腦基礎題(14題) 高頻考點(37題) 綜合問題(125題) 大廠面試真題(阿裡、網易等) 個人 ...
  • 幾乎整個互聯網行業都缺前端工程師,不僅在剛起步的創業公司,對上市公司乃至巨頭這個問題也一樣存在。據統計,國外的前端開發人員和後端開發人員比例約1:1,但是在國內比例卻在1:3以下, Web前端開發職位人才缺口巨大。前端工程師的發展之路十分有“錢”景。每天,HR 群都有人在吐槽招不到前端工程師。實話說 ...
  • 在vue.config.js中,設置 module.exports = { publicPath: '/app', devServer: { proxy: { '/test': { target: 'http://localhost:88', ws: true, changeOrigin: true ...
一周排行
    -Advertisement-
    Play Games
  • 示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後,項目結構如下所示: MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread] 特性用於需要與 COM 組件交互的應用程式,尤其是依賴單線程模型(如 Windows Forms 應用程式)的組件。在 STA 模式下,線程擁有自己的消息迴圈,這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • 在WinForm中使用全局異常捕獲處理 在WinForm應用程式中,全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理,可以有效地捕獲並處理未預見的異常,從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • 前言 給大家推薦一款開源的 Winform 控制項庫,可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫,同時也提供了工具類庫、擴展 ...
  • 說明 該文章是屬於OverallAuth2.0系列文章,每周更新一篇該系列文章(從0到1完成系統開發)。 該系統文章,我會儘量說的非常詳細,做到不管新手、老手都能看懂。 說明:OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友,請關註我吧(*^▽^*) ...
  • 一、下載安裝 1.下載git 必須先下載並安裝git,再TortoiseGit下載安裝 git安裝參考教程:https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit,Git客戶端,32/6 ...
  • 前言 在項目開發過程中,理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼,還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程:Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 一:背景 1. 講故事 前段時間有位朋友找到我,說他的窗體程式在客戶這邊出現了卡死,讓我幫忙看下怎麼回事?dump也生成了,既然有dump了那就上 windbg 分析吧。 二:WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死,入口門檻很低,後續往下分析就不一定了,不管怎麼說先用 !clrsta ...
  • 前言 人工智慧時代,人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API,工具不僅易於集成,還具備高效處理能力。 本文將介紹一款如何利用這些API,為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...