• JS函数


    一、什么是函数

    函数:把完成特定功能的代码放到一个函数里,直接调用这个函数,就省去重复输入大量代码的麻烦

    函数的作用:写一次代码,然后反复地重用这个代码

    Eg:

    求多组数的和,不使用函数

    {

      var sum;

      sum = 3+2;

      alert(sum);

      sum = 7+8;

      alert(sum);

         ....  //不停重复两行代码

    }

    使用函数

      function add2(a,b){

      sum = a+b;

      alert(sum);

      }//只需要写一次

      add2(3,2);

      add2(7,8);

      ....  //只需调用函数

    二、定义函数

    格式:

    function  函数名()

    {

      函数体;

    }

    function:定义函数的关键字

    “函数名”:自己为函数取的名字

    “函数体”:替换完成特定功能的代码

    调用:

    函数定义好后,需要调用才能执行,调用方式直接在需要的位置写函数名。

    1、在<script>标签内调用

    <script type="text/javascript">

      function add2()

      {

        sum = 1+1;

        alert(sum);

      }

      add2();  //调用函数,直接写函数名

    </script>

    2、在HTML文件中调用,如通过点击按钮后调用定义好的函数。

    <html>

    <head>

      <script type="text/javascript">

        function  add2()

        {

          sum = 5+6;

          alert(sum);

        }

      </script>

    </head>

    <body>

      <from>

      <input type="button" value="click it" onclick="add2()">  //按钮,onclick点击事件,直接写函数名

      </from>

    </body>

    </html>

    三、有参数的函数

    格式:

    function 函数名(参数1,参数2)

    {

      函数代码

    }

    注:参数可以多个,根据需要增减参数个数。参数之间用逗号隔开

    Eg:用函数实现任意两个数的和应该写成

    function add2(x, y)

    {

      sum = x+y;

      document.write(sum);

    }

    x和y则是函数的两个参数,调用函数的时候,可以通过这两个参数把实际的加数传递给函数。

    如:add2(2, 3)则会求2+3的和。

    返回值的函数

    function add2(x, y)

    {

      sum =x+y;

      return sum;//返回函数值,return后面的值叫做返回值

    }

    通过变量存储调用函数的返回值

    result = add2(3, 4);  //语句执行后, result变量中的值为7

    注:

    函数中参数和返回值不只是数字,还可以是字符串的其它类型

  • 相关阅读:
    canvas-0translate.html
    Canvas-line.html
    canvas-tangram.html
    canvas-arc.html
    js-MediumGrade-base.js
    js-Higher-base.js
    js-QuickStart-base.js
    ajax.js
    fullScreen.html
    setInterval.js
  • 原文地址:https://www.cnblogs.com/shiy/p/6075278.html
Copyright © 2020-2023  润新知