• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
liu521125
记录自己的学习之路
博客园    首页    新随笔    联系   管理    订阅  订阅

js 函数

        // - 使用function语句定义函数
            // 1.  function one(){
            //     document.write('<table border="1" width="600" cellspacing="0" align="center"><tr height="100"><td></td><td></td><td></td> <td></td><td></td></tr><tr height="100"><td></td><td></td><td></td><td></td><td></td></tr><tr height="100"><td></td><td></td><td></td><td></td><td></td></tr><tr height="100"><td></td><td></td><td></td><td></td><td></td></tr></table>')
        //       }  
        //    one();
        //    one();
 //           // - 使用Function()构造函数来定义函数
        //     var one=new Function(`document.write('<table border="1" width="600" cellspacing="0" align="center"><tr height="100"><td></td><td></td><td></td> <td></td><td></td></tr><tr height="100"><td></td><td></td><td></td><td></td><td></td></tr><tr height="100"><td></td><td></td><td></td><td></td><td></td></tr><tr height="100"><td></td><td></td><td></td><td></td><td></td></tr></table>')`)     
        // one();
        
        // one();
  // - 在表达式中定义函数
            //  var one= function(){
            //     document.write('<table border="1" width="600" cellspacing="0" align="center"><tr height="100"><td></td><td></td><td></td> <td></td><td></td></tr><tr height="100"><td></td><td></td><td></td><td></td><td></td></tr><tr height="100"><td></td><td></td><td></td><td></td><td></td></tr><tr height="100"><td></td><td></td><td></td><td></td><td></td></tr></table>')
            //  }
            // one();
            // one();

调用函数

   //调用函数
            // 直接调用
            // one(); 或者  window.one()
            //  事件中调用
            // <div onclick="one()"></div>
            //将函数的返回值赋给变量
            // var t = one();

函数的参数

形参与实参

 //参数
            //形参 与实参
            //形参 function one (形参)
             function one (a,b,c){
                 console.log(c);
             }
             //实参  one(实参);
           one(10,20);

形参与实参的特点

  //当形参大于实参时 则会输出underfined;
        //    function one (a,b,c){
        //          console.log(c);
        //      }
        //      one(10,20);
           //当实参大于形参时  则会把多的实参忽略;
        //    function one (a,b,c){
        //          console.log(c);
        //      }
        //      //实参  one(实参);
        //    one(10,20,30,40);
           //形参可以有默认值,当实参给的有值则直接用实参的值
        //    function one (a=1,b=2,c=3){
        //          console.log(c);
        //      }
        //      one(10,20);
        //形参与实参是一一对应的 
        //如果实参过于多 可以用 arguments
        // function Test(a,b){
        //     alert(typeof(arguments)); // 获得类型
        //     alert(arguments[1]);      // 获取下标为1的参数值
        //     alert(arguments.length);  // 获取参数的长度
        //     alert(arguments.callee);  // 获取函数的所有内容
        // }
        // Test("zhang","li");

返回值return特点

//函数的返回值  return 
         /*  return的特点
             1.return的作用:返回数据 封装函数  */
            //  function one (a,b,c){  
            //      var two=a+b+c;
            //      return(two)
            //  }
      
            //    alert(one(10,2,20))
            //  2.默认情况下,函数的返回值为undefined
            // function one (a,b,c){  
            //      var two=a+b+c;
               
            //  }
         
            //    alert(one(10,2,20))
            // 3.return可以返回值,但是只能返回一个值 ;如果想返回多个值 用数组进行返回

                // function one (a,b,c){  
                //         var two=a+b+c;
                //         var three=a-b+c
                //          return[two,three]
                //     }
                
                //     alert(one(10,2,20))
                // 4.在函数中,只要看到return 就表示函数的结束,后面的代码不会执行 ,与if  break 相似

                //   function one (a,b,c){  
                //         var two=a+b+c;
                //         var three=a-b+c
                //          console.log("我");
                       
                //          return[two,three]
                //          console.log("你");
                //     }
                
                //     console.log(one(10,2,20))

 

本文来自博客园,作者:刘先生的爱心博客,转载请注明原文链接:https://www.cnblogs.com/liu521125/p/17804033.html

一点一滴记录着学习html5 css3 和js 的时光
posted @ 2023-11-01 20:26  刘先生的爱心博客  阅读(13)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3