07 函数

函数是这样的一段 JavaScript 代码，它只定义一次，但可能被执行或调用多次。

简单来说，函数就是一组可重用的代码，你可以在你程序的任何地方调用他。

例如下述代码:

function fn(){
	console.log("this is function");
}

函数定义

定义函数有两种方式:

• 函数声明方式:

function fn(){
	console.log("this is function");
}

• 字面量方式:

var fun = fnction(){
	console.log("this is function");
}

函数调用

定义一个函数并不会自动的执行它。定义了函数仅仅是赋予函数以名称并明确函数被调用时该做些什么。调用函数才会真正执行这些动作。

• 定义一个函数fn:

function fn(){
	console.log("this is function");
}

• 调用函数fn:

fn();// 输出字符串 this is function

函数参数

函数的参数就相当于在函数中使用的变量（虽然这个比方不是很准确）。JavaScript 中的函数定义并未制定函数参数的类型，函数调用时也未对传入的参数做任何的类型检查。

函数的参数可以分为以下两种:

• 形参: 出现在函数定义文法中的参数列表是函数的形式参数，简称形参 。简单来说，就是定义函数时使用的参数就是形参。
• 实参: 函数调用时实际传入的参数是函数的实际参数，简称实参。 简单来说，就是调用函数时使用的参数就是实参。

值得注意的是: 一般情况下，形参与实参的个数是相同的。但在 JavaScript 中并不强求这一点，在特殊情况下，函数的形参和实参的个数可以不相同。

function fn( one, two ){
	console.log( one + two );
}
fn( 1, 2 );// 输出 3

上述代码中，定义函数 fn 时，one 和 two 就是函数的形参；调用函数 fn 时，1 和 2 就是函数的实参。

return 语句

函数还可以包含一个返回语句（return）。当然，这并不是必需的。return 语句使函数可以作为一个值来使用。具体用法如下述代码:

function fn( msg ){
	return "hello" + msg;
}

// 变量 fun 的值为 hello atguigu
var fun = fn("atguigu");

值得注意的是: return 默认情况下返回的是 undefined。

预定义函数

JavaScript 预定义了一组函数，又称为全局函数，允许直接使用。

函数	描述
eval( )	对一串字符串形式的JavaScript代码字符求值。
uneval( )	创建的一个Object的源代码的字符串表示。
isFinite( )	判断传入的值是否是有限的数值。
isNaN( )	判断一个值是否不是数字值。
parseInt( )	解析字符串参数，并返回指定的整数。
parseFloat( )	解析字符串参数，并返回一个浮点数。
decodeURI( )	对已编码的统一资源标识符(URI)进行解码，并返回其非编码形式。
encodeURI( )	对统一资源标识符(URI)进行编码，并返回编码后的URI字符串。

eval() 函数

eval() 函数用于执行以字符串（String）形式出现的 JavaScript 代码。此函数可以实现动态的执行 JavaScript 代码。具体用法如下述代码:

// 定义一个字符串，内容为JavaScript代码
var js = "console.log('this is javascript')";

// 通过 eval()函数执行上述内容
eval(js);// 输出 this is javascript

字符编码与解码

encodeURI() 函数可把字符串作为 URI 进行编码。对以下在 URI 中具有特殊含义的 ASCII 标点符号，encodeURI() 函数是不会进行转义的:

, / ? : @ & = + $ # 

decodeURI() 函数可对 encodeURI() 函数编码过的 URI 进行解码。

decodeURI() 函数和 encodeURI() 函数的具体用法如下述代码:

var uri = "http://www.atguigu.com/Web前端开发工程师";

var encode = encodeURI( uri );
// 输出 http://www.atguigu.com/Web%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91%E5%B7%A5%E7%A8%8B%E5%B8%88
console.log( encode );

var decode = decodeURI( encode );
// 输出 http://www.atguigu.com/Web前端开发工程师
console.log( decode );

对以下在 URI 中具有特殊含义的 ASCII 标点符号，可以使用 encodeURIComponent() 函数和decodeURIComponent() 函数。

var uri = "http://www.atguigu.com/font-end-developer";

var encode = encodeURIComponent( uri );
// 输出 http%3A%2F%2F www.atguigu.com%2Ffont-end-developer
console.log( encode );

var decode = decodeURIComponent( encode );
// 输出 http://www.atguigu.com/font-end-developer
console.log( decode );