JavaScript 函数

一， 函数的声明以及调用

1.关键字声明

function 函数名(){

code;

}

2.表达式声明

var f_name = function(){

code;

}

函数声明后，里面的代码是不会执行的；

除非调用这个函数，否则，不管在什么情况下都不会执行函数种的代码。

二， 函数的形参和实参

形参格式：

function fun1(形参1,形参2,形参3, …){

code; //形参是在声明函数时候

}

实参格式：

fun1(实参1,实参2,实参3, …) //调用的时候

实参将数值，传递给形参。

三， 函数的返回值

语法格式：

function f1(a,b){

code;

return c;

}

返回值很重要，调用时返回的结构，就是由return来返回。

如果没有返回值或返回值为空，则变量接受到的返回值为undefined。

例如：

function f(a,b){

var c = a-b;

return ;  // 没有返回值，则返回undefined。

}

var f = f(1,2);

console.log(f);

注意：

函数种，return之后，不管有什么代码，都不会被执行！！

也就是执行完return后，函数的调用结束。

四，匿名函数

匿名函数，函数本身是没有名字的。

匿名函数格式一：

var fun = function(){

code;

}

匿名函数格式二：（自调用的匿名函数，立即执行函数）

( function(){

code; // 使用括号将函数做一个整体括起来。

} ) (); //这里的括号用来调用。

五， 函数做为参数

函数也是一种数据类型。

之前说的六个数据类型当中，其中对象包含了数组和函数。

可以使用typeof判断一下：

function f1(){

}

console.log(typeof f1);

函数作为参数：

例如：

function f1(s){

s(); //注意这里是将f2作为值传入的！

}

var f2 = funcation(){

console.log(222);

}

//f2函数会被当做值，传入f1函数内

f1(f2);

函数作为返回值：

例如：

function f1(){

var a = 10;

var f2 = function(){

alert(2);

}

return f2;

}

var f = f1();

f();

六，函数作用域

全局作用域，不使用var声明的变量是全局变量，不推荐使用。

变量推出作用域之后会销毁，全局变量关闭网页或浏览器才会销毁。

JS 代码的运行分为两个阶段。

1：解析（编译）阶段

语法检查，变量及函数进行声明。

2：运行阶段

变量的赋值，代码流程的执行，从上往下。

所以上面三个例子会出现不同的结果。

注意：

1.如果函数与变量同名，那么函数声明会替换变量声明。

例如：

**但是，因为声明在赋值前面，所以在最后赋值时，输出要非常小心！**例如：

function a(){

console.log(‘aaa’);

}

var a = 1;

console.log(a);

或者

var a = 1;

function a(){

console.log(‘aaa’);

}

console.log(a);

这里结果就变成了 1，因为声明在前面，而赋值在最后！！！

七，函数的作用域链

举个例子：

var a = 1;

function f1(){

function f2(){

function f3(){

console.log(a);

}

f3();

}

f2();

}

f1();

通过上面不难看出是一条作用域链。