首页 > 技术文章 > JS函数

shiy 2016-11-17 20:06 原文

一、什么是函数

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

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

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

注:

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

 

推荐阅读