• 周蓬安.blog的博客—强国博客—人民网 2019-05-10
  • 紫光阁中共中央国家机关工作委员会 2019-05-10
  • 感触名家笔下的端午文化吃香粽原来可以这样文艺 2019-05-09
  • 追梦夺冠游行嘲讽詹皇 百万人面前穿订制T恤羞辱他 2019-04-27
  • 《瘟疫传说》:黑死病恐怖 姐弟在绝望中求生 2019-04-10
  • 陕西国防工业职业技术学院百名大学生志愿者敬老院慰问孤寡老人陕西国防工业职业技术学院百名大学生志愿者敬老院慰问-陕西教育新闻 2019-04-08
  • 西藏拉萨:新家园 新生活 2019-04-08
  • 尊重和保障宗教信仰自由的中国实践 2019-04-06
  • 一敬泯恩仇 俄罗斯队主帅这个动作太暖了 2019-03-20
  • 四大名著剧组首次同台忆往事 经典影视剧如何铸就? 2018-12-07
  • “天眼”凝望 探秘宇宙 2018-12-07
  • 1

    JavaScript 函数(Functions)

    Posted by 撒得一地 on 2016年5月7日 in JavaScript教程
    国外稳定加速器推荐    Express | Vypr

    函数是一组可重用代码的集合,可以在程序中的任何位置调用。这消除了需要一次又一次编写相同的代码,提供了编程效率。它可以帮助程序员编写??榛?。函数允许程序员将一个大的程序划分为一块块比较小且易于处理的???。

    像任何其他高级的编程语言一样,JavaScript 也支持编写函数,使用??榛胨璧乃泄δ?。你一定见过诸如如 alert() 和 write() 等函数。我们一次一次的使用这些函数,但它们在 JavaScript 内核中仅仅只被编写过一次,只是在使用过程中被重复调用。

    JavaScript 允许我们编写自己的函数。这一节解释了如何在 JavaScript 中编写自己的函数。

    函数定义

    我们使用一个函数之前,我们需要定义它。定义一个函数在 JavaScript 中的最常见方式是通过使用函数关键字,其次是一个独一无二的函数名,紧接着是参数列表 (参数可能为空),并由大括号包围的语句块。单单这样讲有些抽象,直接看语法。

    语法

    基本语法如下所示。

    <script type="text/javascript">
       <!--
          function functionname(parameter1,parameter2...)
          {
             statements
          }
       //-->
    </script>
    

    注意:上面的 function 是关键字,functionname 是函数名,每个函数名不能重复??梢远ㄒ宥喔霾问斜?,每个参数有逗号(,)隔开。

    示例

    请尝试下面的示例。它定义了一个没有参数名为 sayHello 的函数。

    <script type="text/javascript">
       <!--
          function sayHello()
          {
             alert("Hello there");
          }
       //-->
    </script>
    

    调用函数

    你只需要在脚本中的某个地方简单的写上函数名就可以调用函数了,如下面的代码所示:

    <html>
      <head>
       <script type="text/javascript">
          function sayHello()
          {
              document.write ("Hello there!");
          }
       </script>
    
      </head>
       <body>
          <p>Click the following button to call the function</p>
    
          <form>
             <input type="button" onclick="sayHello()" value="Say Hello">
          </form>
          <p>Use different text in write method and then try...</p>
      </body>
    </html>
    

    亲自试一试

    函数参数

    到目前为止,我们已经看到了不带参数的函数的使用情况。但还有一个功能,可以在调用函数时传递不同的参数。在函数内部可以捕获到这些传递参数,且任何操作都可结合这些参数来执行。函数可以接受多个参数,多个参数用逗号分隔。

    示例

    请尝试下面的示例。在这里我们修改之前的 sayHello 函数。现在,函数传了两个参数。

    <html>
      <head>
        <script type="text/javascript">
          function sayHello(name, age)
          {
             document.write (name + " is " + age + " years old.");
          }
        </script>
     </head>
    
       <body>
          <p>Click the following button to call the function</p>
    
          <form>
             <input type="button" onclick="sayHello('Zara', 7)" value="Say Hello">
          </form>
    
          <p>Use different parameters inside the function and then try...</p>
       </body>
    </html>
    

    亲自试一试

    return 语句

    每个 JavaScript 函数都有一个可选的 return 语句。如果你想要从函数返回一个值这是必需的。return 语句应该放在函数的最后一个语句中。

    例如,你可以在一个函数中传递两个参数,然后你可以在函数中返回它们的连接值。

    示例

    请尝试下面的示例。它定义了一个函数,传递了两个参数,在调用程序之前将它们连接起来并返回结果。

    <html>
      <head>
        <script type="text/javascript">
          function concatenate(first, last)
          {
              var full;
              full = first + last;
              return full;
          }
    
          function secondFunction()
          {
             var result;
             result = concatenate('Zara', 'Ali');
             document.write (result );
          }
       </script>
     </head>
       <body>
          <p>Click the following button to call the function</p>
          <form>
             <input type="button" onclick="secondFunction()" value="Call Function">
          </form>
    
          <p>Use different parameters inside the function and then try...</p>
      </body>
    </html>
    

    亲自试一试

    关于 JavaScript 函数还有很多要学习,然而在本教程中,我们已经涵盖最重要的概念。包括:

    JavaScript 嵌套函数

    JavaScript 构造函数

    JavaScript 函数文本(匿名函数)

    上一篇:

    下一篇:

    相关推荐

    1 Comment

    发表评论

    电子邮件地址不会被公开。 必填项已用*标注

    9 + 2 = ?

    网站地图|广东快乐10分开奖直播

    Copyright © 2015-2019 广东快乐10分开奖直播 All rights reserved.
    闽ICP备15015576号-1,版权所有?psz.

  • 周蓬安.blog的博客—强国博客—人民网 2019-05-10
  • 紫光阁中共中央国家机关工作委员会 2019-05-10
  • 感触名家笔下的端午文化吃香粽原来可以这样文艺 2019-05-09
  • 追梦夺冠游行嘲讽詹皇 百万人面前穿订制T恤羞辱他 2019-04-27
  • 《瘟疫传说》:黑死病恐怖 姐弟在绝望中求生 2019-04-10
  • 陕西国防工业职业技术学院百名大学生志愿者敬老院慰问孤寡老人陕西国防工业职业技术学院百名大学生志愿者敬老院慰问-陕西教育新闻 2019-04-08
  • 西藏拉萨:新家园 新生活 2019-04-08
  • 尊重和保障宗教信仰自由的中国实践 2019-04-06
  • 一敬泯恩仇 俄罗斯队主帅这个动作太暖了 2019-03-20
  • 四大名著剧组首次同台忆往事 经典影视剧如何铸就? 2018-12-07
  • “天眼”凝望 探秘宇宙 2018-12-07
  • 四川福彩中奖规则 网易双色球预测专家预测 什么是半全场 浙江体育彩票走势图61 足彩预测网 北京pk10是国家开的吗 体彩p5和尾走势图带连线 买澳洲幸运8 北京快乐8选2稳赚 博众时时彩软件 北京赛车运动社团老徐 6月23日老时时彩 排列三定毒胆公式 天天彩票软件 重庆时时彩开奖直播 顶呱刮哪种好中