前端 —— JavaScript 基础篇（7--- function 函数）

最新推荐文章于 2024-11-06 17:30:00 发布

原创最新推荐文章于 2024-11-06 17:30:00 发布 · 1.9k 阅读

CC 4.0 BY-SA版权

文章标签：

52 篇文章

订阅专栏

本文介绍了JavaScript中的函数，包括函数的定义、调用、返回值，匿名函数的使用，以及局部变量的概念。函数作为可复用的代码块，允许传入参数并产生不同结果。在函数调用时，实参需要与形参一一对应。匿名函数在预解析阶段会被提升，而局部变量只在函数内部有效，且在函数结束时被销毁。

为执行特定任务的代码块会在某代码调用它时被执行。可以反复使用
能够多次向同一函数传递不同的参数，以产生不同的结果

函数通过 function 关键词进行定义，其后是函数名和括号 ()。
函数名可包含字母、数字、下划线和美元符号（规则与变量名相同）。
小括号内可以有参数，参数与参数之间以逗号隔开，这里的参数称为：形参。

function fn01（）{
//函数体
}
//有参数的函数
function fn02（参数1,参数2）{
//函数体
}

函数中的代码会在其他的代码调用该函数时执行：比如最常见的 当用户点击按钮时 被调用
再比如：直接调用
在调用时，可以传参，这里的参数称为实参，
实参与形参要一一对应，顺序也对应，即第一个实参对应第一个形参

function fn02（参数1,参数2）{
//函数体
}
fn02(10,20);

当形参比实参多时，该形参默认为undefined
多余的实参，没有意义

当 JavaScript 中遇到 return 语句，函数将停止执行。
如果函数被调用时，将在调用语句之后“返回”执行代码。
实例：

function fn01(num1,num2) {
	return num1+num2;//返回给调用此函数的地方
}
var sum = fn01(10,20);//此处调用了函数，该函数是有返回值得了
console.log(sum);//30

上面的函数在代码中任意位置都可以被调用执行。

语法：

var fn03 = function (){
	//函数体
}
//调用
fn03();

这种匿名函数，必须先定义后调用。
JavaScript代码执行时会预解析：预解析过程中，把函数或者变量的声明提升。通过赋值定义的函数不会提升。

在函数内部也可以定义变量，被定义的变量成为函数的局部变量。
局部变量只能在该函数内访问，因此可以在不同函数中使用相同名称的变量。
局部变量在函数开始时创建，在函数完成时就被删除。

function myFn(){
	var i = 0; //在函数内声明的变量，只在该函数内被访问
	console.log(i);
}
myFn();

这一章就先写到这里啦，欢迎大家多多提意见。如有错误请留言，我会及时改正。