一, 函数的声明以及调用
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();
通过上面不难看出是一条作用域链。