• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

函数——小程序,大作用

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

一、函数的作用

    可以写一次代码,然后反复地重用这个代码。

    例子::我们要完成多组数和的功能,可以用以下函数实现。

1 function add2(a,b){
2 sum = a + b;
3  alert(sum);
4 } //  只需写一次就可以
5 
6 add2(3,2);
7 add2(7,8);
8 ....  //只需调用函数就可以

二、定义函数

    格式:

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

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

    例子:完成对两个数求和并显示结果的功能。

1 <script type="text/javascript">
2   function add2(){
3     sum = 3 + 2;
4     alert(sum);
5   }
6   ​add2();
7 </script>

三、函数调用

    函数定义了之后不能直接使用,而是需要调用 ,在需要的地方直接调用函数既可。

    方法一:在<script>标签内调用

           如:

1 <script type="text/javascript">
2     function add2()
3     {
4          sum = 1 + 1;
5          alert(sum);
6     }
7   add2();//调用函数,直接写函数名。
8 </SCRIPT>

    方法二:在HTML文件中调用,如通过点击按钮后调用定义好的函数。

          如:

 1 <html>
 2 <head>
 3 <script type="text/javascript">
 4    function add2()
 5    {
 6          sum = 5 + 6;
 7          alert(sum);
 8    }
 9 </script>
10 </head>
11 <body>
12 <form>
13 <input type="button" value="click it" onclick="add2()">  //按钮,onclick点击事件,直接写函数名
14 </form>
15 </body>
16 </html>

四、有参数的函数

    格式:

function 函数名(参数1,参数2,...参数N)
{
     函数代码
}

  注意:参数可以有多个,参数之间用","隔开。

   例子:指定有任意参数之和,代码如下 

1 function add2(x,y)
2 {
3    sum = x + y;
4    document.write(sum);
5 }

五、返回函数的值

    格式:

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

    还可以通过变量存储调用函数的返回值,如:

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

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
【微信小程序】 wx:if 与 hidden(隐藏元素)区别发布时间:2022-07-18
下一篇:
小程序实践 01 - 验证码输入框 - 朝玖晚歌发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap