ECMAScript - 函数

1、 函数

1.1 概念

• 就是定义一次但是可以多次调用的一段 js 代码。

1.2 作用

• 提高代码的复用率；

• 以功能模块分离代码，提高可读性，建立模块化编程。

1.3 函数定义

函数声明：

  function  参数名 （参数）{
  	函数体 -- 要执行的代码块
  }

  //求和函数
  function sum (a， b){
  	return a + b
  }
  
  sum(1, 2) // 3

函数表达式：

  var 变量名 = function（）{
 	//函数体
  }

1.4 函数的调用

直接调用函数

  函数名（参数）；

在函数内调用其他函数；

  函数名（）{
  	函数名（）
  }

函数可以被自己调用；

  function recursive(){
  	recursive() // 函数内部调用自己，递归调用
  }

对象方法

  const obj = {
  	sayHi: function(){}
  }

  obj.sayHi();

1.5 参数

形参

• 定义函数的时候 使用的参数
• 可以理解为，函数中需要用到的未知数（变量）.

 

实参

• 调用函数的时候，给函数的形参传入的具体的值。
• 参数不是必须的

 

  function 函数名（形参1，形参2，...）{
  	//函数体
  }

  //调用
  函数名（实参1，实参2，...）；   //按顺序对应传递参数到函数，

1.6 函数返回值

• 希望调用函数后得到一个计算结果，将这个计算结果称为 函数返回值；

 

  function 函数名（）{
  	//函数体
  	return 值；
  }

• 调用函数后，得到一个结果，所以可以 将函数调用赋值给一个变量；
• return 会直接结束函数的执行，后续代码不在执行；
   

1.7 函数分类

根据是否有参数：

• 有参函数：有参数的函数

• 无参函数：没有参数的函数。

 
根据函数名字：

• 具名函数：函数有名字

• 匿名函数：函数没有名字
   

根据是否有 return值 (返回值函数)
 
对象方法：

  var 变量名 = function() {}

1.8 arguments 对象

• 该对象默认存在函数内部。结构与数组结构类似.

• 调用函数的时候 传递的实参 会保存在 arguments 中

• 当不确定形参数量的时候，就直接用 arguments 代替形参。

• 由于 arguments 类似数组，所以可以使用 下标访问实参，可以使用 for 循环，但是不能使用数组方法，只能使用 下标和循环；

---

相关文章

• ECMAScript - 初识 ECMAScript
• ECMAScript - 条件判断 & 循环
• ECMAScript - 数组 & Math() 对象
  ……

---