版权声明
- 本文原创作者:清风不渡
- 博客地址:https://blog.csdn.net/WXKKang
重拾前端记忆,记录学习笔记,现在进入JavaScript函数部分
一、函数
函数即是一段可以反复调用的代码块
1、声明函数
我们可以使用function命令来声明一个函数,function命令后面是函数名,函数名后面是一对圆括号,里面是要传入的参数,函数体放在大括号里面,语法如下:
function name(params) {
}
2、函数的提升
JavaScript引擎将函数名视同变量名,所以采用function命令声明函数时,整个函数会像变量声明一样,被提升到代码头部
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>清风不渡</title>
</head>
<body>
<script>
var a = 1;
var b = 9;
add(a,b);
function add(x,y) {
console.log(x+y);
}
</script>
</body>
</html>
结果如下:
3、函数的参数
如上示例,函数运行的时候,有时需要提供外部数据,不同的外部数据会得到不同的结果,这个外部数据就叫做参数
4、函数的返回值
JavaScript函数也可以将结果返回至外部以供使用,示例如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>清风不渡</title>
</head>
<body>
<script>
function add(x,y) {
return x+y;
}
var a = 1;
var b = 6;
var c = add(a,b);
console.log(a+"+"+b+"="+c);
</script>
</body>
</html>
结果如下:
函数解决了代码的可复用性,配上变量参数更是灵活多变,也让我们码的代码少了很多,很方便