【学习笔记】JavaScript--函数

Yranky Dou 学习足迹 2019-10-06

1.函数的作用
可以写一次代码,然后反复地重用这个代码。
2.导语
如:我们要完成多组数和的功能。

var sum;   
sum = 3+2;
alert(sum);

sum=7+8 ;
alert(sum); 

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

如果要实现8组数的和,就需要16行代码,实现的越多,代码行也就越多。所以我们可以把完成特定功能的代码块放到一个函数里,直接调用这个函数,就省去重复输入大量代码的麻烦。

使用函数完成:

function addx(a,b){
sum = a + b;
 alert(sum);
} //  只需写一次就可以

addx(3,2);
addx(7,8);
....  //只需调用函数就可以

3.定义函数

function  函数名( )
{
     函数体;
}

例:

<script type="text/javascript">
  function addx(){
    sum = 3 + 2;
    alert(sum);
  }
  ​addx();           //调用
</script>

4.函数的调用
法一:通过<script>标签调用

 <script type="text/javascript">
    function addx()
    {
         sum = 5 + 9;
         alert(sum);
    }
  addx();//调用函数,直接写函数名。
</script>

法二:在HTML中调用

<html>
<head>
<script type="text/javascript">
   function addx()
   {
         sum = 9 + 9;
         alert(sum);
   }
</script>
</head>
<body>
<form>
<input type="button" value="click it" onclick="addx()">  //按钮,onclick点击事件,直接写函数名
</form>
</body>
</html>
PREV
【学习笔记】JavaScript流程控制语句
NEXT
【学习笔记】JavaScript--函数--函数传参与返回值函数