关于javaScript的函数

JavaScript 函数是被设计为执行特定任务的代码块。JavaScript 函数会在某代码调用它时被执行。

一、函数的定义

函数由以下四部分组成：关键字function，函数名，参数和函数体

二、函数的语法

JavaScript函数通过function关键字进行定义，后面是函数名和括号。括号里面可以包含多个参数

三、函数的创建

函数的创建包括声明式和赋值式

• 声明式
  例：
  <script> function fn(参数1, 参数2) { 执行的代码 } </script>

• 赋值式
  例：var fn = function () { }

四、函数的调用

！！注：没有调用的函数是不起作用的

• 直接调用 函数名（实参值）
  函数名（）调用几次函数里面的代码就执行几次

• 依赖事件调用
  页面元素.οnclick=函数名
  点击几次，后面的函数就执行几次

函数调用的区别

• 声明函数可以在函数之前调用，也可以在声明之后调用
• 赋值函数只能在声明之后调用

五、函数的参数

1. 函数的形参：

• 写在函数定义的小括号里面
• 多个形参的时候用逗号隔开
• 是个只能在函数内部使用的变量
• 值由函数调用的实参来决定

例： function fn(a, b, c){}

2、函数的实参：

• 在函数调用的时候给对应的形参赋值
• 按照从左道右的顺序一一和形参对应

例： function fn(a, b, c) {
  }  fn(1, 2, 3)//实参

3、参数的个数关系：

• 形参实参一样多时：从左到右一一对应
• 实参比形参多时：多出来的实参， 在函数内部没有形参接收， 不能直接使用
• 形参比实参多时：多出来的形参， 没有实参赋值， 在函数内部使用的时候就是 undefined

4、argument-所有实参的集合

• argument：是所有实参的集合你传递多少个实参， 这个里面就有多少个数据：
• 有一个 length 属性，表示的就是这个argument的长度，有多少个数据
• 按照索引（下标）来排列：索引（下标）从0开始，依次+1排列
• 获取某个数据时：用argument[索引]

6、函数的return

1、返回值

• 给函数执行完毕一个结果
• 写在return后面的内容就是该函数的返回值

为了便于理解，做个小demo试试：

function fn(a, b) {
    return a + b;     // 函数返回 a 和 b 的乘积
}
var res=fn(7, 8);   // 调用函数，返回值被赋值给 res

res的结果：

15

2、打断函数
当函数内部的代码执行到 return 的时候， 会直接结束函数。写在 return 后面行的代码就不会执行了