[JavaScript知识库]Web前端开发工程师知识体系_5_JavaScript基础（三）

????????本期的重点为JS中的函数（function）以及变量作用域和全局作用域的区分。

第一部分 函数? ? ? ??

????????函数是一个功能体,提供若干个数据，返回处理结果用于封装重复执行的代码。有系统函数和自定义函数之分。

一、系统函数

????????转数值Number ( )、转整型praseInt ( )、转浮点型parseFloat ( )、警示框alert ( ）、输入款prompt ( ) 等都属于系统函数，此外还有：
????????isNaN ：检测一个值是否为NaN，用于检测用户输入的值是否为数值型。执行过程中，会隐式将数据转换为数值型，是NaN（不是数字）则返回true，否则返回false。
????????isFinite：检测一个值是否为有限值，只有无穷（infinity）是无限值。是有限值返回true，不是有限值返回false。
????????eval ( ) ：执行字符串中的表达式。

二、自定义函数的创建

1.创建普通函数

//格式：
function 函数名称 ( ) { 
    函数体
}

//调用方式：
函数名();

?????????PS：函数体就是封装的重复执行的代码；创建函数以后，函数体的代码不会执行，函数每调用一次，代码才会执行一次。

2.创建带有参数的函数

//格式：
function 函数名称 (参数列表) {  //此处参数用于接收外部传递的数据（形参）
    函数体
}

//调用方式：
函数名称 (参数列表);  //此处参数为实际传递的数据（实参）

????????PS：?实参会赋值给形参，实参的数量和形参的数量可以不同，如果形参未被赋值则为undefined。

3.创建带有返回值的函数

//格式：
function 函数名称 (参数列表) {
   函数体
   return 值;
}
 
//调用方式：
函数名称 (参数列表);

?????????PS：return后的值为返回值，该值是什么，调用函数后的结果就是什么，如果函数中没有return或者return后不加任何值，则返回结果为undefined，return执行后，就会结束函数的执行而且它能直接放到一个表达式的内部。

? ? ? ? return与break的区别：return用于函数中，结束函数的执行。break用于循环或者switch-case，结束循环或者switch-case的执行。

三、递归

? ? ? ? 递归是指在函数内部调用自身这个函数，默认是一个死循环。在使用时需要有边界条件，要结合return使用。如下，通过一道例题来解释：

//用递归求斐波那契数列第n项的值
function fib(n){
	//边界条件：当n为1或者n为2的时候返回1
	if (n === 1 || n === 2){
		return 1;
	}
	//第n项的值返回 第n-1项 + 第n-2项 的值
	return fib(n-1) + fib(n-2);
}
console.log( fib(6) );//输出值为8

PS：斐波那契数列，第一项和第二项为1，从第三项开始每项的值为前两项之和，如：1，1，2，3，5，8，13，21......

首先创建带有参数n的函数fib，n代表数列的第n项，因为斐波那契数列的前两项为1，所以判断n为1或者n为2时返回1。除前两项之外，剩余的返回该项的前两项之和即（n-1）项和（n-2）项之和。直接调用fib(n-1)+fib(n-2)就是使用了递归的思想，调用函数本身。

函数的递归需要注意一点：JavaScript的运行特点是单线程，无法充分利用CPU的内核，深层次的递归嵌套JS则会非常缓慢，所以递归并不是在任何情况下都适用。

四、匿名函数

????????匿名函数就是没有函数名称的函数function ( ){ }

1.创建匿名函数

var fn = function( ) { }     函数表达式方式（变量名称即函数名称）
function fn( ) { }           函数声明方式

对比匿名函数和函数名称( )：
????????函数名称? 本质上就是一个变量，保存了一个函数
????????函数名称( );? 调用一个函数，执行函数体中的代码，得到函数的返回值
对比函数声明和函数表达式 ：
????????函数声明存在函数的提升，可以先写调用再写创建
????????函数表达式只是提升变量的声明，不提升赋值，必须先写创建再调用

2.匿名函数的自调用

(function(){

})();

匿名函数自调用的目的是创建一个函数作用域，防止全局污染。全局污染：全局变量访问范围大，对其他变量带来的影响。

举例：

(function (){
?? ?var num = 2;
?? ?console.log(num);
})();

函数体中变量num的值为2，进行自调用后打印num。

3.回调函数

将函数以参数的形式传递，传递的这个函数就是回调函数。如下：

//回调函数
function tao(madai){
	console.log('开始第1棒');
	console.log('到达第1棒终点');
	//madai = dong;
	//传递的函数被madai接收
	//调用madai，意味着调用传递的参数
	madai();
}
function dong(){
	console.log('开始第2棒');
	console.log('到达第2棒终点');
}
//此处dong作为参数进行传递，所以dong就是回调函数
tao(dong);
tao(function(){
	console.log('第三棒开始');
});

console.log(typeof tao);//function

?第二部分 作用域

????????全局作用域：在函数以外的就是全局作用域，声明的变量为全局变量，在任意的作用域下都可以访问到全局变量。

????????函数作用域：在函数内的为函数作用域，声明的变量为局部变量，局部变量只能在当前的作用域下访问到。在函数作用域下又有全局函数与局部函数之分，在全局作用域下创建的函数就是全局函数，可以在任意作用域下访问；在局部作用域下创建的函数就是局部函数，只能在当前作用域下访问。
? ? ? ? 特别注意：在程序执行前，会将var声明的变量提升到变量所在作用域的最前面，但只提升声明，不提升赋值，这是变量提升；在程序执行前，会将整个函数提升到所在作用域的最前面，这是函数提升。函数提升优先于变量提升。

不懂没关系，上程序：

//全局作用域
var a = '北京';//全局变量
function s(){
	//函数作用域
	var b = '海淀区';//局部变量
	console.log(a);
	}
	shi();
	console.log(b);
function h(){
	//函数作用域
	var c = '石景山区';//局部变量
	}

????????在函数以外的就是全局作用域，所以声明的变量a就是全局变量。函数s和h以内的为函数作用域，所以在它们内部声明的变量b、c全部为局部变量。a为全局变量，即使在函数s的作用域下进行打印依然能够成功，因为它是全局变量。而b和c均为局部变量，只有才函数以内打印才能成功。

下期：JavaScript基础_对象