• JavaScript——函数


    函数的概念

    函数:就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用

    1. <script>
    2. // 函数就是封装了一段可以被重复执行调用的代码块 目的: 就是让大量代码重复使用
    3. function getSum(num1, num2) {
    4. var sum = 0;
    5. for (var i = num1; i <= num2; i++) {
    6. sum += i;
    7. }
    8. console.log(sum);
    9. }
    10. getSum(1, 100);
    11. getSum(10, 50);
    12. getSum(1, 1000);
    13. </script>

    函数的使用

    函数使用分为两步:声明函数 和 调用函数

    1、声明函数

    function 函数名(){

            //函数体

    }

    (1)function声明函数的关键字 全部小写

    (2)函数是做某件事情,函数名一般是动词 sayHi

    (3)函数不调用自己不执行

    2、调用函数

    函数名();

    sayHi();

    调用函数的时候千万不要忘记小括号

    函数的参数 

    我们可以利用函数的参数实现函数重复不同的代码

            function 函数名(形参1,形参2...) { // 在声明函数的小括号里面是 形参 (形式上的参数)

            }

            函数名(实参1,实参2...); // 在函数调用的小括号里面是实参(实际的参数)

    函数的参数可以有,也可以没有个数不限

     在声明函数时,可以在函数名称后面的小括号中添加一些参数,这些参数被称为形参,而在调用该函数时,同样也需要传递相应的参数,这些参数被称为实参

    参数说明
    形参形式上的参数函数定义的时候传递的参数当前并不知道是什么
    实参实际上的参数函数调用的时候传递的参数实参是传递给形参的

    参数的作用:在函数内部某些值不能固定,我们可以通过参数在调用函数时传递不同的值进去。

    利用函数求任意两个数的和

    1. function getSum(num1, num2) {
    2. console.log(num1 + num2);
    3. }
    4. getSum(1, 3);

    如果实参的个数多于形参的个数  会取到形参的个数

    如果实参的个数小于形参的个数  多于的形参定义为undefined  最终的结果就是 NaN 

     函数的返回值

    函数的返回值格式
    function 函数名() {
         return 需要返回的结果;
    }
    函数名();
    (1) 我们函数只是实现某种功能,最终的结果需要返回给函数的调用者函数名() 通过return 实现的
    (2) 只要函数遇到return 就把后面的结果 返回给函数的调用者  函数名() = return后面的结果

    1. function cook(aru) {
    2. return aru;
    3. }
    4. console.log(cook(666));

    函数返回值注意事项 

    1. return 终止函数

    2. return 只能返回一个值

    3.我们求任意两个数的 加减乘数结果

    4.我们的函数如果有return 则返回的是 return 后面的值,如果函数么有 return 则返回undefined

    1. <script>
    2. // 1. return 终止函数
    3. function getSum(num1, num2) {
    4. return num1 + num2; // return 后面的代码不会被执行
    5. alert('我是不会被执行的哦!')
    6. }
    7. console.log(getSum(1, 2));
    8. // 2. return 只能返回一个值
    9. function fn(num1, num2) {
    10. return num1, num2; // 返回的结果是最后一个值
    11. }
    12. console.log(fn(1, 2));
    13. // 3. 我们求任意两个数的 加减乘数结果
    14. function getResult(num1, num2) {
    15. return [num1 + num2, num1 - num2, num1 * num2, num1 / num2];
    16. }
    17. var re = getResult(1, 2); // 返回的是一个数组
    18. console.log(re);
    19. // 4. 我们的函数如果有return 则返回的是 return 后面的值,如果函数么有 return 则返回undefined
    20. function fun1() {
    21. return 666;
    22. }
    23. console.log(fun1()); // 返回 666
    24. function fun2() {
    25. }
    26. console.log(fun2()); // 函数返回的结果是 undefined
    27. </script>

     

     

  • 相关阅读:
    (一)Gluster 介绍及简单部署
    (C语言)啥?4除以2等于0?
    LinkedIn领英开发客户方法大全(篇一)
    cesium实战记录(二)三维模式下测量工具的封装
    python毕业设计作品基于django框架 多用户商城平台系统毕设成品(7)中期检查报告
    Windows开启监控
    前端基础建设与架构04 横向对比主流构建工具,了解构建工具的设计考量
    系统架构设计师 需求分析篇一
    怎样考过PMP?零经验的我这样做
    [Codeforces] games (R1200) Part.2
  • 原文地址:https://blog.csdn.net/huijie_0716/article/details/125399412