Web开发之JS函数

最新推荐文章于 2021-07-21 14:31:11 发布

LWK_Vanish

最新推荐文章于 2021-07-21 14:31:11 发布

阅读量327

点赞数

分类专栏： Web开发文章标签： web开发 javascript 函数

本文链接：https://blog.csdn.net/lwk520136/article/details/61194291

版权

Web开发专栏收录该内容

20 篇文章 0 订阅

订阅专栏

本文根据慕课网教程整理：http://www.imooc.com/code/347
好水的一节

函数的作用，可以写一次代码，然后反复地重用这个代码，示例：

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

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

定义函数

格式：

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

function定义函数的关键字，“函数名”你为函数取的名字，“函数体”替换为完成特定功能的代码。

函数调用

第一种情况:在<script>标签内调用。

 <script type="text/javascript">
    function add2()
    {
         sum = 1 + 1;
         alert(sum);
    }
  add2();//调用函数，直接写函数名。
</SCRIPT>

第二种情况:在HTML文件中调用，如通过点击按钮后调用定义好的函数。

<html>
<head>
<script type="text/javascript">
   function add2()
   {
      sum = 5 + 6;
      alert(sum);
   }
</script>
</head>
<body>
<form>
<input type="button" value="click it" onclick="add2()">  //按钮,onclick点击事件，直接写函数名
</form>
</body>
</html>

函数参数

格式：

function 函数名(参数1,参数2...) //定义若干个形参
{
     函数代码
}

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

函数的返回值

格式：

function add2(x,y)
{
   sum = x + y;
   return sum; //返回函数值,return后面的值叫做返回值。
}

可以通过变量存储调用函数的返回值，代码如下:

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

注意:函数中参数和返回值不只是数字，还可以是字符串等其它类型。

LWK_Vanish

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Web开发之JS函数

本文根据慕课网教程整理：http://www.imooc.com/code/347 好水的一节函数的作用，可以写一次代码，然后反复地重用这个代码，示例：function add2(a,b){sum = a + b; alert(sum);} // 只需写一次就可以add2(3,2);add2(7,8);.... //只需调用函数就可以定义函数格式：function 函数名( )
复制链接

扫一扫