JavaScript第四章函数

一、函数的定义与调用
1.初识函数
自定义函数


2.参数设置
无参函数
适用于不需要提供任何数据，即可完成置顶功能

有参函数
有参函数：适用于开发时函数体内的操作需要用户传递数据的情况。
形参：指的就是形式参数，具有特定的含义，在定义有参函数时设置的参数。
实参：指的是实际参数，也就是具体的值，在函数调用时传递的参数。
例：

function maxNum(a, b) {
  a =  parseInt(a);
  b =  parseInt(b);
  return a >= b ? a : b;
}

获取函数调用时传递的所有实参： 适用于开发时函数体形参不确定的情况。
实现方式：利用arguments对象，在函数体内可获取函数调用时传递的实参。
其他操作：length属性可获取实参的总数，具体实参值可利用数组遍历方式。

function transferParam() {
  console.log(arguments.length);
  console.log(arguments);
}

※3.含默认值的参数与剩余参数

function greet(name, say = 'Hi, I\'m ') {
  console.log(say + name);
}

函数的形参在设置时，还可以为其指定默认值。当调用者未传递该参数时，函数将使用默认值进行操作。

函数定义时，还可用“…变量名”的方式动态接收用户传递的不确定数量的实参。
例

//一个确定参数
function transferParam(num1, ...theNums) {
  theNums.unshift(num1);
  console.log(theNums);
}

//无确定参数
function transferParam(...theNums) {
  console.log(theNums);
}

4.函数的调用

函数声明与调用的编写顺序不分前后

函数名称([参数1, 参数2, ……])

[参数1，参数2…]是可选的，用于表示形参列表，其值可以是零个、一个或多个。

二、变量的作用域
变量的使用是有作用域范围的。
作用域划分：全局作用域、函数作用域和块级作用域（ES6提供的）。
不同作用域对应的变量：全局变量、局部变量、块级变量（ES6提供的）。

※垃圾回收机制
在JavaScript中，局部变量只有在函数的执行过程中存在，而在这个过程中会为局部变量在（栈或堆）内存上分配相应的空间，以存储它们的值，然后在函数中使用这些变量，直到函数结束。而一旦函数执行结束，局部变量就没有存在必要了，此时JavaScript就会通过垃圾回收机制自动释放它们所占用的内存空间。

在开发中若要保留局部变量的值，可以通过以下两种方式实现：

// 第1种方式：利用return返回
function test(num) {
  num = num + 1;
  return num;
}
var num = test(24);
console.log(num);//输出结果：25

// 第2种方式：利用全局变量保存
var memory;
function test(num) {
  memory = num + 1;
}
test(24);
console.log(memory);// 输出结果：25

三、匿名函数
1.函数的表达式

2.匿名函数
概念：匿名函数指的是没有函数名称的函数。
作用：可以有效的避免全局变量的污染以及函数名的冲突问题。
说明：既是函数表达式的另一种表示形式，又可通过函数声明的方式实现调用。

//① 函数表达式中省略函数名
var fn = function (num1, num2) {
  return  num1 + num2;
};
fn(1, 2);

//② 自调用方式
(function (num1, num2) {
  return  num1 + num2;
})(2, 3);

//③ 处理事件
document.body.onclick  = function () {
  alert('Hi, everybody!');
};

※3.箭头函数
特点：一个箭头函数表达式的语法比一个函数表达式更短。

例

// 设置1个参数
var fn1 = x => x + 2;
console.log(fn1(4));// 输出结果：6

// 设置2个参数
var fn2 = (x, y) => x + y;
console.log(fn2(1, 2) );// 输出结果：3

箭头函数中箭头“=>”不是操作符或者运算符，但是箭头函数相比普通的函数受操作符的优先级影响。

4.回调函数
概念：所谓回调函数指的就是一个函数A作为参数传递给一个函数B，然后在B的函数体内调用函数A。此时，我们称函数A为回调函数。
提示：匿名函数常用作函数的参数传递，实现回调函数。
应用：函数体中某部分功能由调用者决定，此时可以使用回调函数。

在JavaScript中还为数组提供了很多利用回调函数实现具体功能的方法。

例：


四、嵌套与递归

什么是嵌套函数：是在一个函数内部存在另一个函数的声明。
特点：内层函数只能在外层函数作用域内执行，在内层函数执行的过程中，若需要引入某个变量，首先会在当前作用域中寻找，若未找到，则继续向上一层级的作用域中寻找，直到全局作用域，我们称这种链式的查询关系为作用域链。

1.函数嵌套与作用域链

2.递归调用

概念：递归调用是函数嵌套调用中一种特殊的调用。它指的是一个函数在其函数体内调用自身的过程，这种函数称为递归函数。

五、闭包函数

1.什么是闭包函数
在JavaScript中，内嵌函数可以访问定义在外层函数中的所有变量和函数，并包括其外层函数能访问的所有变量和函数。但是在函数外部则不能访问函数的内部变量和嵌套函数。此时就可以使用“闭包”来实现。

所谓“闭包”指的就是有权访问另一函数作用域内变量（局部变量）的函数。它最
主要的用途是以下两点：
可以在函数外部读取函数内部的变量。
可以让变量的值始终保持在内存中

由于闭包会使得函数中的变量一直被保存在内存中，内存消耗很大，所以闭包的滥用可能会降低程序的处理速度，造成内存消耗等问题。

2.闭包函数的实现
例

function fn(){
	var times = 0;
	var c = function(){
		return ++times;
	}
	return c;
}
var count = fn();//保存fn()返回的函数，此时count就是一个闭包函数
// 测试访问
console.log(count());		//1
console.log(count());		//2
console.log(count());		//3
console.log(count());		//4
console.log(count());		//5