1、函数简介:
函数:就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用。
1.1 函数声明:
// 自定义函数方式(命名函数)
function 函数名() {
//函数体代码
}
// 函数表达式方式(匿名函数)
// 这是函数表达式写法,匿名函数后面跟分号结束
var fn = function(){...};
// 调用的方式,函数调用必须写到函数体下面
fn();
1.2 调用函数:
// 调用函数
函数名(); // 通过调用函数名来执行函数体代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script>
function sayHi() {
console.log('hi~~');
}
sayHi();
</script>
</head>
<body>
</body>
</html>
1.3 函数的参数
<script>
function cook(arg) {
console.log(arg);
}
cook('酸辣土豆丝');
</script>
1.4 函数的返回值
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script>
function getResult() {
return 666;
}
getResult();
console.log(getResult());
function getSum(num1, num2) {
return num1 + num2;
}
console.log(getSum(1, 2));
</script>
</head>
<body>
</body>
</html>