js基础-函数

最新推荐文章于 2023-07-05 00:42:03 发布

恬一

最新推荐文章于 2023-07-05 00:42:03 发布

阅读量376

点赞数

分类专栏：李立超前端学习 js

本文链接：https://blog.csdn.net/weixin_44158539/article/details/108384331

版权

前端学习同时被 3 个专栏收录

39 篇文章 0 订阅

订阅专栏

39 篇文章 0 订阅

订阅专栏

李立超

32 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>函数</title>
    <script>
        /*
          函数(function)：
             -函数也是对象
             -函数中可以封装一些功能（代码），在需要时可以执行这些（代码）
             -函数中可以保存一些代码，在需要的时候调用
             -使用typeof检查一个函数对象时，会返回function
        */
        //创建一个函数对象
        
        //var fun=new Function();
        //document.write(fun);
        //document.write(typeof fun);
        //可以将要封装的代码以字符串的形式传递给构造函数
        //此为示范介绍，具体函数语法看下两段
        var fun=new Function("document.write('hello这是我的第一个函数');");
      
        //封装到函数中的代码不会立即执行
        //函数中的代码会在函数调用的时候执行
        //调用函数语法：函数对象()
        //当调用函数时，函数中封装的代码会按照顺序执行
        fun();
        fun();
        fun.hello="你好";
        document.write(fun.hello);
        /*
           在开发中很少使用构造函数来创建一个函数对象，以上均为举例理解
           使用函数声明来创建一个函数
             语法:
                 function 函数名(形参1，形参2.......形参n){
                     语句.....
                 }
        */
        document.write("<hr>");
        function fun2(){
           console.log("这是我的第二个函数");
           alert("好好学习");
           document.write("继续学习");
           document.write("继续学习");
           document.write("继续学习");
           document.write("继续学习");
        }
        //document.write(fun2);
        //调用fun2
        fun2();
        /*
          使用一个函数表达式来创建一个函数
          var 函数名=function(){
              语句....
          }

        */
        //赋值语句
         var fun3=function(){
            console.log("我是匿名函数中封装的代码");
        };
        fun3();
        
    </script>
</head>
<body>
    
</body>
</html>