四、JavaScript 函数
4.1函数的定义与调用
在Javascript中,函数就是对象,其应用:
被赋值给一个变量
被赋值为对象的属性
作为参数被传入别的函数
作为函数的结果被返回
用字面量来创建
4.1.1函数的定义
函数的定义由以下4部分组成:关键字function、函数名、参数和函数体。
定义命名函数:
function funcName(参数列表){
statements
[return [expr]];
}function sayHi(name, message){
alert("hello" + name + ", " + message);
}
4.1.2参数设置
1.无参函数:适用于不需要提供任何数据,即可完成指定功能的情况。
2.有参函数:适用于开发时函数体内的操作需要用户传递数据的情况。
(1)形参:形式参数,具有特定的含义,在定义有参函数时设置的参数。
(2)实参:实际参数,也就是具体的值,在函数调用时传递的参数。
(3)获取函数调用时传递的所有实参:适用于开发时函数体形参不确定的情况。
实现方式:利用arguments对象,在函数体内可获取函数调用时传递的实参。
其他操作:length属性可获取实参的总数,具体实参值可利用数组遍历方式。
4.1.3函数的调用
1.直接调用:函数名(实参值)
sayHi("南工院", "新学期开学了");
2.在表达式中调用
这种方式适合有返回值的函数,返回值作为表达式的一部分参与运算,有时还会和(alert、document)等语句配合输出。
3.在事件中调用
4.2变量的作用域
变量的使用是有作用域范围的。作用域划分:全局作用域、函数作用域和块级作用域(ES6提供的)。不同作用域对应的变量:全局变量、局部变量、块级变量(ES6提供的)。
1.全局变量
不在任何函数内声明的变量(显示定义)或在函数内省略var声明变量(隐式定义)都称为全局变量。它在同一个页面文件中的所有脚本内都可以使用。
2.局部变量
在函数体内利用var关键字定义的变量称为局部变量,它仅在该函数体内有效。
3.块级变量
ES6提供的let关键字声明的变量称为块级变量,仅在"{}"中间有效,如if、for或while语句等。
4.3匿名函数
4.3.1函数表达式
所谓函数表达式指的是将声明的函数赋值给一个变量,通过变量完成函数的调用和参数的传递,它也是JavaScript中另一种实现自定义函数的方式。
4.3.2匿名函数
匿名函数指的是没有函数名称的函数。可以有效的避免全局变量的污染以及函数名的冲突问题。匿名函数既是函数表达式的另一种表示形式,又可通过函数声明的方式实现调用。
4.3.3回调函数
以map()方法为例,对arr数组中的每个元素都按顺序调用一次回调函数。
var arr= ['a','b','c'];
arr.map(function(value, index) {
console.log(value, index);
});
参数:map()的参数是一个回调函数fn。
fn的第1个参数表示当前数组的元素。
fn的第2个参数表示对应元素的索引下标。
返回值:回调函数每次执行后的返回值会组合起来形成一个新数组。
示例结果:在控制台依次可查看到,"a 0"、"b 1"和"c 2"。
4.4嵌套与递归
4.4.1函数嵌套与作用域链
在一个函数内部存在另一个函数的声明。特点:内层函数只能在外层函数作用域内执行,在内层函数执行的过程中,若需要引入某个变量,首先会在当前作用域中寻找,若未找到,则继续向上一层级的作用域中寻找,直到全局作用域,我们称这种链式的查询关系为作用域链。
var iBaseNum = 10;
function addNum(iNum1, iNum2) {
function doAdd() {
return iNum1 + iNum2 + iBaseNum;
}
return doAdd();
}
4.4.2递归调用
递归调用是函数嵌套调用中一种特殊的调用。它指的是一个函数在其函数体内调用自身的过程,这种函数称为递归函数。
注意:递归调用虽然在遍历维数不固定的多维数组时非常合适,但它占用的内存和资源比较多,同时难以实现和维护,因此在开发中要慎重使用函数的递归调用。
4.5闭包函数
4.5.1什么是闭包函数
在JavaScript中,内嵌函数可以访问定义在外层函数中的所有变量和函数,并包括其外层函数能访问的所有变量和函数。但是在函数外部则不能访问函数的内部变量和嵌套函数。此时就可以使用"闭包"来实现。
所谓"闭包"指的就是有权访问另一函数作用域内变量(局部变量)的函数。它最主要的用途是以下两点:
可以在函数外部读取函数内部的变量。
可以让变量的值始终保持在内存中。
注意:由于闭包会使得函数中的变量一直被保存在内存中,内存消耗很大,所以闭包的滥用可能会降低程序的处理速度,造成内存消耗等问题。
4.5.2闭包函数的实现
常见创建方式:就是在一个函数内部创建另一个函数,通过另一个函数访问这个函数的局部变量。
参考资料
《JavaScript前端开发案例教程》