JS函数

130 阅读2分钟

1、函数的定义与调用

   1)语法①(声明式定义)
    function函数名  (参数)   { 函数调用的时候,执行的代码 }

image.png

image.png
   语法②(赋值式定义)
     var 函数名 = function() {}

image.png

image.png

2、参数

   1)意义:
     为了让函数的功能 更加灵活
   2)形参:
     函数定义时,小括号内书写的内容,相当于在函数创建了一个变量,具体的值由实参提供,假如 实参没有传递对应的内容 ,那么值为undefined
   3)实参:
     函数调用时小括号书写的内容,这个内容传递给形参
   4)注意:
     ①一个函数可以接收 多个形参 和 实参 , 中间用 “ , ”隔开
     ②形参 和 实参 数量没有限制 ,但是 数量太多难以阅读
     ③形参 和 实参 数量可以不一致
      实参少 形参多。先把形参 对应的 实参 值对应,其他的未赋值 输出undefined

image.png

image.png

      实参多 形参少。只输出 形参 对应的 实参 其他不输出

image.png

image.png

     ④函数中 参数可以有默认值(ES6 的新写法)
      如果一个 函数的参数给了默认值 那么它将 永远不会是 undefined

3、函数的返回值

  当函数执行完的时候,并不是所有时候都要把结果打印。我们期望函数给我一些反馈(比如计算的结果返回进行后续的运算),这个时候可以让函数返回一些东西。也就是返回值。函数通过return返回一个返回值
    1.每一个函数都会有一个返回值,这个返回值可以通过关键字“return”进行设置

image.png

image.png
    2.若未设置函数的返回值,那函数会默认返回一个undefined

image.png

image.png

    3在函数中,一旦执行完成“return”语句,那么整个函数就结束了,后续语句将不再执行;

image.png

image.png