JavaScript(JS) 函数(function)

函数是一组可重用的代码,可以在程序的任何地方调用。这消除了反复编写相同代码的需要。它帮助程序员编写模块化代码。函数允许程序员将一个大程序分成许多小的、可管理的函数。与任何其他高级编程语言一样,JavaScript也支持使用函数编写模块化代码所需的所有特性。JavaScript允许我们编写自己的函数。本文主要介绍使用JavaScript编写自己的函数。

1、函数(function)定义

使用一个函数之前,我们需要定义它。在JavaScript中定义函数的最常见方法是使用function关键字,后面跟着唯一的函数名、参数列表(可能是空的)和用花括号括起来的语句块。

语法

function functionname(parameter-list) {
  代码语句
}

例如,

下面的例子。它定义了一个没有参数的函数sayHello

function sayHello() {
   alert("Hi,cjavapy!!!");
}

2、调用函数(function)

要在脚本后面的某个地方调用函数,只需编写如下代码所示的函数名。

<html>
   <head>   
      <script type = "text/javascript">
         function sayHello() {
            console.log("Hello there!");
         }
      </script>
   </head>
   <body>
      <p>单击下面的按钮来调用函数</p>      
      <form>
         <input type = "button" onclick = "sayHello()" value = "Say Hello">
      </form>      
   </body>
</html>

3、函数(function)参数

之前已经看到了没有参数的函数。但是有一个工具可以在调用函数时传递不同的参数。这些传递的参数可以在函数内部获取到,并且可以对这些参数进行任何操作。一个函数可以有多个以逗号分隔的参数。

例如,

下面的例子。我们在这里修改了sayHello函数。现在它接受两个参数。

<html>
   <head>   
      <script type = "text/javascript">
         function sayHello(name, i) {
            console.log(name + " value is " + i + " javascript");
         }
      </script>      
   </head>
   <body>
      <p>单击下面的按钮来调用函数</p>      
      <form>
         <input type = "button" onclick = "sayHello('cjavapy', 7)" value = "Say Hello">
      </form>      
   </body>
</html>

4、函数(function)return返回值

JavaScript函数可以有一个可选的return语句。如果想从函数中返回一个值,这是必需的。这条语句应该是函数的最后一条语句。

例如,

<html>
   <head>  
      <script type = "text/javascript">
         function concatenate(a, b) {
            var full;
            full = a + b;
            return full;
         }
         function callFunction() {
            var result;
            result = concatenate('cjavapy', '.com');
            console.log(result );
         }
      </script>      
   </head>
   <body>
      <p>单击下面的按钮来调用函数</p>      
      <form>
         <input type = "button" onclick = "callFunction()" value = "调用函数">
      </form>      
  </body>
</html>

推荐阅读
cjavapy编程之路首页