函数:就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用
- <script>
- // 函数就是封装了一段可以被重复执行调用的代码块 目的: 就是让大量代码重复使用
- function getSum(num1, num2) {
- var sum = 0;
- for (var i = num1; i <= num2; i++) {
- sum += i;
- }
- console.log(sum);
- }
- getSum(1, 100);
- getSum(10, 50);
- getSum(1, 1000);
- </script>
函数使用分为两步:声明函数 和 调用函数
1、声明函数
function 函数名(){
//函数体
}
(1)function声明函数的关键字 全部小写
(2)函数是做某件事情,函数名一般是动词 sayHi
(3)函数不调用自己不执行
2、调用函数
函数名();
sayHi();
调用函数的时候千万不要忘记小括号
我们可以利用函数的参数实现函数重复不同的代码
function 函数名(形参1,形参2...) { // 在声明函数的小括号里面是 形参 (形式上的参数)
}
函数名(实参1,实参2...); // 在函数调用的小括号里面是实参(实际的参数)
函数的参数可以有,也可以没有个数不限
在声明函数时,可以在函数名称后面的小括号中添加一些参数,这些参数被称为形参,而在调用该函数时,同样也需要传递相应的参数,这些参数被称为实参。
参数 | 说明 |
形参 | 形式上的参数函数定义的时候传递的参数当前并不知道是什么 |
实参 | 实际上的参数函数调用的时候传递的参数实参是传递给形参的 |
参数的作用:在函数内部某些值不能固定,我们可以通过参数在调用函数时传递不同的值进去。
- function getSum(num1, num2) {
- console.log(num1 + num2);
- }
- getSum(1, 3);
如果实参的个数多于形参的个数 会取到形参的个数
如果实参的个数小于形参的个数 多于的形参定义为undefined 最终的结果就是 NaN
函数的返回值格式
function 函数名() {
return 需要返回的结果;
}
函数名();
(1) 我们函数只是实现某种功能,最终的结果需要返回给函数的调用者函数名() 通过return 实现的
(2) 只要函数遇到return 就把后面的结果 返回给函数的调用者 函数名() = return后面的结果
- function cook(aru) {
- return aru;
- }
- console.log(cook(666));
1. return 终止函数
2. return 只能返回一个值
3.我们求任意两个数的 加减乘数结果
4.我们的函数如果有return 则返回的是 return 后面的值,如果函数么有 return 则返回undefined
- <script>
- // 1. return 终止函数
- function getSum(num1, num2) {
- return num1 + num2; // return 后面的代码不会被执行
- alert('我是不会被执行的哦!')
- }
- console.log(getSum(1, 2));
- // 2. return 只能返回一个值
- function fn(num1, num2) {
- return num1, num2; // 返回的结果是最后一个值
- }
- console.log(fn(1, 2));
-
- // 3. 我们求任意两个数的 加减乘数结果
- function getResult(num1, num2) {
- return [num1 + num2, num1 - num2, num1 * num2, num1 / num2];
- }
- var re = getResult(1, 2); // 返回的是一个数组
- console.log(re);
- // 4. 我们的函数如果有return 则返回的是 return 后面的值,如果函数么有 return 则返回undefined
- function fun1() {
- return 666;
- }
- console.log(fun1()); // 返回 666
- function fun2() {
-
- }
- console.log(fun2()); // 函数返回的结果是 undefined
- </script>