js函数

Posted 小咸鱼|大梦想

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js函数相关的知识,希望对你有一定的参考价值。

js函数

  1. 函数就是封装了一段可以被重复执行的代码块,通过此代码块可以实现大量代码的重复使用。

  2. 函数的使用

    • 声明函数

      function 函数名(){
        //函数体
      }

      【注意】

      • function 生命函数的关键字 全部小写
      • 函数是做某件事情,函数名一般是动词
      • 函数不调用自己不执行
    • 调用函数

      • 函数名();
  3. 函数的封装

    • 函数的封装是把一个或者多个功能通过函数的方式封装起来,对外只提供一个简单的函数接口
  4. 函数的参数

    • 形参

      function 函数名(形参1,形参2){//在声明函数的下括号里面是 形参(形式上的参数)
      
      }
    • 实参

      函数名(实参1,实参2);//在函数调用的小括号里面是实参(实际的参数)
      参数 说明
      形参 形式上的参数 函数定义的时候 传递的参数 当前并不知道是什么
      实参 实际上的参数 函数调用的时候传递的参数 实参是传递给形参的

      【作用】在函数内部某些值不能固定,我们可以通过参数在调用函数时传递不同的值进去

  5. 形参实参个数不匹配问题

    • 如果实参的个数和形参的个数一致,则正常输出结果
    • 如果实参的个数多余形参的个数,会取到形参的个数
    • 如果实参的个数小于形参的个数,输出结果NaN
  6. 函数的返回值

    • return

    • function 函数名(){
          return 需要返回的结果;
      }
      函数名();
  7. break,continue,return的区别

    • break:结束当前的循环体
    • continue:跳出本次循环,继续执行下次循环(如for,while)
    • return:不仅可以退出循环,还能够返回return语句中的值,同时还可以结束当前的函数体内的代码。
  8. arguments的使用

    • 当我们不确定有多少个参数传递的时候,可以用arguments来获取。在javascript中,arguments实际上他是当前函数的一个内置对象。所有函数都内置了一个arguments对象,arguments对象中存储了传递的所有实参。
    • arguments展示形式是一个伪数组,因此可以进行遍历。伪数组具有以下特点
      • 具有length属性
      • 按索引方式存储数据
      • 不具有数组的push,pop等方法

以上是关于js函数的主要内容,如果未能解决你的问题,请参考以下文章

几个关于js数组方法reduce的经典片段

web代码片段

JS常用代码片段-127个常用罗列-值得收藏

ES7-Es8 js代码片段

谷歌浏览器调试jsp 引入代码片段,如何调试代码片段中的js

VSCode自定义代码片段——JS中的面向对象编程