在Js中匿名函式的幾種寫法

一个人走在路上發表於2024-10-05
JS函式
<!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>

相關文章