首页 > 其他分享 >在Js中匿名函数的几种写法

在Js中匿名函数的几种写法

时间:2024-10-05 14:24:00浏览次数:6  
标签:function console log Js 匿名 let result 写法 函数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
       /*匿名函数的用法:*/

        // 1. 字面量形式
        let fn=function(){
            console.log("匿名函数赋值给变量,成为一个有名字的函数");
        }
        fn();//这样就是有名字的函数了

        // 2. 对象函数形式
        let obj={
            name:"小明",
            say:function(){
                console.log(this.name+"说:hello");
            }
        }
        obj.say(); // 小明说:hello

        // 3. 作为事件处理函数
         document.onclick=function(){
             console.log("我被点击了");
         }
  
         // 4. 作为回调函数
         function add(a,b,callback){
             let result=a+b;
             callback(result);
         }
         add(1,2,function(result){
             console.log("结果是:"+result);
         })

        function fn1(result){
             setTimeout(() => {
                console.log("我是主函数,被调用了");
                result();
             }, 2000);
           }
          fn1(function(){
             console.log("我是回调函数,被调用了");
          })

          //立即执行函数
          (function(){
             console.log("我是立即执行函数");
          }());

          //箭头函数
          let add1=(a,b)=>a+b;
          console.log(add1(1,2)); // 3

         
    </script>
</body>
</html>

标签:function,console,log,Js,匿名,let,result,写法,函数
From: https://www.cnblogs.com/zy8899/p/18447823

相关文章

  • 基于json数据格式实现的简单数据库——jsonDB
    //基于json数据格式实现的简单数据库——jsonDB//https://www.cnblogs.com/cynchanpin/p/7068151.html//已在github上建立项目:https://github.com/ThinkerCodeChina/jsonDB/**+-----------------------------------------*jsonDB基于json数据格式构建的数据模型+--......
  • Nuxt.js 应用中的 app:mounted 钩子详解
    title:Nuxt.js应用中的app:mounted钩子详解date:2024/10/5updated:2024/10/5author:cmdragonexcerpt:app:mounted钩子在Vue应用的生命周期中扮演着重要角色,提供了在组件被挂载后的执行时机。通过合理利用这个钩子,我们能够提高组件的交互性、用户体验以及性能优化......
  • CSP-JS多省分数线分析!复赛如何准备?(附复赛流程视频)
    截止目前已经有多个省份CSP-JS的分数线已经出了,很多省份比去年提升了不少,像河南等地都提升了20多分,不过也有一些省份,天津比去年提升分数却不是很多。还有很多省份分数线没出,各位家长想要预估是否能够晋级的,以下是已出分数线省份表格统计:目前已出分数线省份省份入门组......
  • Vue Javascript 导出Excel:SheetJS/js-xlsx json_to_sheet xlsx 修改表头名称和展示的
     import*asXLSXfrom'xlsx';//展示的顺序,把data中对象的属性按照你想要的顺序排放就可以了,constheader=["pId","dID"]//展示的名称constheaderDisplay={pId:"项编号",dID:"D编号"};//将表头放剑原始数据里面去,要保证表头在数......
  • 基于Node.js+vue个人博客系统(开题+程序+论文) 计算机毕业设计
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容研究背景随着互联网技术的飞速发展和普及,个人博客作为一种重要的网络日志形式,已经成为许多人分享生活感悟、技术心得、艺术创作的平台。个人博客不仅能够记录个人的......
  • Nuxt.js 应用中的 app:beforeMount 钩子详解
    title:Nuxt.js应用中的app:beforeMount钩子详解date:2024/10/4updated:2024/10/4author:cmdragonexcerpt:app:beforeMount是一个强大的钩子,允许开发者在用户界面挂载前控制应用的初始化过程。通过有效利用这一钩子,我们可以优化应用的用户体验,保持状态一致性并高效......
  • 改进的匿名多智能体路径查找算法
    本文提出了一种改进的匿名多智能体路径寻找算法(AMAPF),旨在解决多个未标记的智能体在一个共享环境中从初始位置无冲突地移动到指定目标位置的问题。该研究通过将AMAPF问题转化为辅助图上的最大流问题,并采用了一种新颖的搜索算法,该算法不是单独考虑各个搜索状态,而是同时处理大量状态,以......
  • 22.响应式网络推广建站公司网页 Web前端网页制作 大学生期末大作业 html+css+js
     目录 一、前言 二、网页文件 三、网页效果四、代码展示1.HTML2.CSS3.JS 五、更多推荐一、前言 本实例应用html+css+js,响应式布局,可以根据不同的设备屏幕大小自动调整页面布局,手机等移动设备自适应界面,提高用户体验;支持包括IE、Firefox、Chrome、Safari等主......
  • js学习1
    js实现简单交互js的外联引入必须在body里&&你需要交互的元素下方e.g.<body><divid="box">演示1</div><scriptsrc="./演示1.js"></script></body>实现点击交互样例1<!DOCTYPEhtml><htmllang="ch">&......
  • c# - - - json字符串获取值,json字符串转实体类
    json字符串获取值usingNewtonsoft.Json.Linq;usingSystem;namespaceConsoleApp1{classProgram{staticvoidMain(string[]args){Console.WriteLine("HelloWorld!");stringmStr="{\"shen......