函数声明引用

Posted 2020-09-09 GlenLi

 1.函数的声明
      function  函数名(形参1，形参2，形参3....){
         函数体；
         return;
      }
      
 2.函数的调用方式： func(1,2,3);  函数名(参数1，参数2，参数3);
   
 3.return:，并返回一个函数的返回值，返回值可。。 return很重要
      return 5;可以用return返回函数返回值
      如果声明一个变量去接收这个返回值，若有返回值会直接赋值，没有则会显示undefined。
      return 表达式；这个注意，他后面接啥都行。
      如果直接 return；后面不加东西，也是默认为 undefined。
   
 4.注意事项：1.函数名，必须符合小驼峰法则，首字母小写，之后每个单词首字母都用大写。
            2.函数的参数列表，可以有参数数，也可以没有，分别叫有参函数，无參函数
            3.声明函数时的参数叫形参，调用函数时参数叫实参。 
              函数中真正有效的参数只看实参，如果形参没有被赋值，则显示 undefined
            4.在函数体中声明的变量，只能在函数的内部能用，函数的形参列表也只能在函数内部能用。
              因为他的作用域只是在函数内部，所以想在外部使用变量，那就直接在函数外面声明，然后在函数里面用就行
            5.函数的声明与调用无先后关系，变量必须先声明再调用。
              如果先调用变量，再声明变量，显示 undefined。
              因为js在执行一个script时会先检查装载，然后再执行
               这个就是js的运行机制  例如：
              <script type="text/javascript"> console.log("a的值为："+a); </script>
              <script type="text/javascript"> var a=1; </script>
            报错，因为script是一个个执行，从上往下执行，先执行一个，完事后，再执行后面那个
            他不是先2个全加载 准备，再执行代码。
            但是，书写还是要规范，这个主要是用来检查错误的。
            
            例：    console .log(num);
                  var num=10;
                  func();
                  function func(){}
               他的执行顺序为：1.声明变量  2.声明函数  3.打印变量，但是为undefined  4.num=10  5.调用函数
   5.函数的调用方式
      1.直接调用：直接写 函数名
      2.事件调用：就是像 onclick单击ondblclick双击 ，一样的点击事件等，直接调用就行
         例如：<button onclick="func1(1,2,3)">点我</button>
      3.匿名函数的调用：
         (1)声明一个匿名函数，直接赋给某个事件
            window.onload=function(){
               console.log("使用window.onload调用匿名事件");
            }
            window.onload他是窗口的文档都加载完成之后，再调用事件
         (2)使用函数表达式
            var b=function(){
               console.log("使用函数表达式，调用匿名函数");
            }
            b();
            他是把函数赋给一个变量，然后通过调用变量来调用函数
            如果使用console.log(a); 他会打印出整个function(){}这一大块来，因为他俩是=等号了都

         (3)使用自执行函数，调用匿名函数
            !function(){}();在他前面加任意符号，一般加!，所以以后就这样写就行
            (function(){}());也是一种方式
            (function(){})();也是一种方式
            第一种结构清晰，方便。第二种，比较科学，官方写，就是麻烦些。
         
         (4)自执行函数调用 有参函数
            !function(num){
               console.log("自执行函数调用 有参函数");
            }(55)
5 程序调试   在控制台对代码进行调试，可以逐层检查各代码执行顺序。