函数的定义与调用
1.初识函数
在Javascript中,函数就是对象,其应用:被赋值给一个变量被赋值为对象的属性,作为参数被传入别的函数,作为函数的结果被返回,用字面量来创建。
内置函数
console.log(parseFloat('7.26e-2')); // 返回解析后的浮点数:0.0726
console.log(isNaN(' ')); // 判断是否是NaN:false
console.log(parseInt('15.99')); // 返回解析后的整数值:15
parseFloat()用于返回解析字符串后的浮点数。isNaN()判断给定参数是否为NaN,判断结果为是,返回true,否则返回false。parseInt()用于返回解析字符串后的整数值。
函数的定义由以下4部分组成:关键字function、函数名、参数和函数体。
定义命名函数:function funcName(参数列表)
{statements[return [expr]];}
function sayHi(name, message)
{alert("hello" + name + ", " + message);}
2.参数设置
无参函数:适用于不需要提供任何数据,即可完成指定功能的情况。有参函数:适用于开发时函数体内的操作需要用户传递数据的情况。
形参:形式参数,具有特定的含义,在定义有参函数时设置的参数。实参:实际参数,也就是具体的值,在函数调用时传递的参数。
function maxNum(a, b)
{a = parseInt(a);
b = parseInt(b);
return a >= b ? a : b;}
3.函数调用
直接调用:函数名([参数1,参数2,......])
在表达式中调用这种方式适合有返回值的函数,返回值作为表达式的一部分参与运算,有时还会和(alert、document)等语句配合输出
变量的作用域
总结:变量的使用是有作用域范围的。
作用域划分:全局作用域、函数作用域和块级作用域(ES6提供的)。
不同作用域对应的变量:全局变量、局部变量、块级变量(ES6提供的)。
全局变量:不在任何函数内声明的变量(显示定义)或在函数内省略var声明变量(隐式定义)都称为全局变量。作用范围:它在同一个页面文件中的所有脚本内都可以使用。
局部变量:在函数体内利用var关键字定义的变量称为局部变量,它仅在该函数体内有效。
块级变量:ES6提供的let关键字声明的变量称为块级变量,仅在"{}"中间有效,如if、for或while语句等。
匿名函数
1.函数表达式
概念:所谓函数表达式指的是将声明的函数赋值给一个变量,通过变量完成函数的调用和参数的传递,它也是JavaScript中另一种实现自定义函数的方式。如:
var fn = function sum(num1,num2){//定义表达式,求和
return num1+num2;
}
fn();//调用函数
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.回调函数
概念:所谓回调函数指的就是一个函数A作为参数传递给一个函数B,然后在B的函数体内调用函数A。此时,我们称函数A为回调函数。
提示:匿名函数常用作函数的参数传递,实现回调函数。
应用:函数体中某部分功能由调用者决定,此时可以使用回调函数。
在JavaScript中还为数组提供了很多利用回调函数实现具体功能的方法。find()返回数组中满足回调函数的第一个元素的值,否则返回undefined
every()测试数组的所有元素是否都通过了回调函数的测试
some()测试数组中的某些元素是否通过由回调函数实现的测试
forEach()对数组的每个元素执行一次提供的函数
map()创建一个新数组,其结果是该数组中的每个元素都调用一次提供的回调函数后返回的结果
reduce()对累加器和数组中的每个元素(从左到右)应用一个函数,将其减少为单个值
reduceRight()接收一个函数作为累加器(accumulator)和数组的每个值(从右到左)将其减少为单个值
嵌套与递归
1.函数嵌套与作用域链
概念:在一个函数内部存在另一个函数的声明
特点:内层函数只能在外层函数作用域内执行,在内层函数执行的过程中,若需要引入某个变量,首先会在当前作用域中寻找,若未找到,则继续向上一层级的作用域中寻找,直到全局作用域,我们称这种链式的查询关系为作用域链。
var iBaseNum= 10;
function addNum(iNum1, iNum2) {
function doAdd() {
return iNum1 + iNum2 + iBaseNum;
}
return doAdd();
}
2.递归调用
概念:递归调用是函数嵌套调用中一种特殊的调用。它指的是一个函数在其函数体内调用自身的过程,这种函数称为递归函数。
递归调用虽然在遍历维数不固定的多维数组时非常合适,但它占用的内存和资源比较多,同时难以实现和维护,因此在开发中要慎重使用函数的递归调用。
5.闭包函数
1.概念
在JavaScript中,内嵌函数可以访问定义在外层函数中的所有变量和函数,并包括其外层函数能访问的所有变量和函数。但是在函数外部则不能访问函数的内部变量和嵌套函数。此时就可以使用"闭包"来实现。
所谓"闭包"指的就是有权访问另一函数作用域内变量(局部变量)的函数。它最主要的用途是以下两点:可以在函数外部读取函数内部的变量。可以让变量的值始终保持在内存中。
注意由于闭包会使得函数中的变量一直被保存在内存中,内存消耗很大,所以闭包的滥用可能会降低程序的处理速度,造成内存消耗等问题。
2.闭包函数的实现
常见创建方式:就是在一个函数内部创建另一个函数,通过另一个函数访问这个函数的局部变量。
function fn(){
var times = 0;
var c= function (){
return ++times;
};
return c;
}
var count=fn();//保存fn()返回的函数,此时count就是闭包函数
//访问测试
console.log(count());
console.log(count());
console.log(count());
console.log(count());
console.log(count());