学好JavaScript，让自己成为前端的猴赛雷大佬！

Posted 2021-06-03 IT_Holmes

文章目录

• 1.函数的声明以及调用
• 2.函数的形参和实参
• 3.函数的返回值
• 4.匿名函数
• 5.函数做为参数
• 6.作用域
• 7.作用域链

1.函数的声明以及调用

1.关键字声明
function 函数名(){
code;
}

2.表达式声明
var f_name = function(){
code;
}

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

2.函数的形参和实参

形参格式：
function fun1(形参1,形参2,形参3, …){
code; //形参是在声明函数时候
}

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

实参将数值，传递给形参。
例如：

		function f1(a,b){
			console.log(a+b);
		}
		f1(1,2);
		f1(1,3);
		f1(1,4);

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后，函数的调用结束。

4.匿名函数

匿名函数，函数本身是没有名字的。
匿名函数格式一：
var fun = function(){
code;
}

匿名函数格式二：（自调用的匿名函数，立即执行函数）
( function(){
code; // 使用括号将函数做一个整体括起来。
} ) (); //这里的括号用来调用。

5.函数做为参数

函数也是一种数据类型。
之前说的六个数据类型当中，其中对象包含了数组和函数。
可以使用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();

6.作用域

全局作用域，不使用var声明的变量是全局变量，不推荐使用。
变量推出作用域之后会销毁，全局变量关闭网页或浏览器才会销毁。

对于全局作用域的三个例子：
例1：

例2：

例3：

可以看到上面的三种不同位置的全局变量得到的不同的结果。

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，因为声明在前面，而赋值在最后！！！

7.作用域链

举个例子：

var a = 1;
function f1(){
	function f2(){
		function f3(){
			console.log(a);
		}
		f3();
	}
	f2();
}
f1();

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