乐趣区

关于javascript:一篇文章带你了解JavaScript函数

jiezi

一个 JavaScript 函数是一个为执行特定工作而设计的代码块，JavaScript 函数当调用时被执行。

一、函数语法

一个 JavaScript 函数应用 function 关键字定义，前面跟一个函数名称，前面跟一对括号()。

函数名能够蕴含字母、数字、下划线和美元符号(与变量雷同的规定)。

圆括号能够包含参数名称以逗号分隔: (parameter1, parameter2, …)。

函数要执行的代码，被搁置在括号内: {}。

语法：

  1. function name(parameter1, parameter2, parameter3) {
  2. code to be executed
  3. }

函数形式参数是函数定义中列出的名称, 理论参数是函数调用时接管的理论值。

在函数中，理论参数 (形式参数) 体现为局部变量。

例：

  1. <!DOCTYPE html>
  2. <html lang=”en”>
  3. <head>
  4.   <meta charset=”UTF-8″>
  5.   <title> 我的项目 </title>
  6. </head>
  7. <body>
  9. <h1>JavaScript 函数 </h1>
  11.   <p> 调用函数实现计算，并返回后果:</p>
  13.   <p id=”demo”></p>
  15. <script>
  16. function myFunction(p1, p2) {
  17. return p1  p2; / 函数返回 p1 和 p2 的乘积 */
  18. }
  19.     document.getElementById(“demo”).innerHTML = myFunction(4, 3);
  20. </script>
  22. </body>
  23. </html>

注：

在其余编程语言中，函数与过程或子程序十分类似。

1. 函数调用

当某些状况下调用函数时，函数内的代码将执行。

  1. // 当事件产生（例如：当用户单击按钮）。
  3. // 当从 JavaScript 代码中调用时。
  5. // 主动执行 (本人调用）。

2. 函数返回

当 JavaScript 达到一个 return 语句，函数将进行执行。

如果从一个语句调用了函数，JavaScript 将“回归”到调用语句后继续执行代码。

函数通常计算返回值. 返回值返回给调用者。

例：

  1. var x = myFunction(4, 3);        // 函数被调用，返回值赋值给 x
  3. function myFunction(a, b) {
  4. return a * b;                // 函数返回 a 和 b 的乘积
  5. }

残缺代码：

  1. <!DOCTYPE html>
  2. <html lang=”en”>
  3. <head>
  4.   <meta charset=”UTF-8″>
  5.   <title> 我的项目 </title>
  6. </head>
  7. <body>
  8. <h1>JavaScript 函数 </h1>
  9.   <p> 此示例调用一个函数，该函数执行计算并返回后果:</p>
  11.   <p id=”demo”></p>
  13. <script>
  14. function myFunction(a, b) {
  15. return a * b;
  16. }
  17.     document.getElementById(“demo”).innerHTML = myFunction(4, 3);
  18. </script>
  20. </body>
  21. </html>

二、为什么应用函数?

您能够重用代码：定义代码一次，并屡次应用它。

您能够应用同一代码屡次应用不同的参数，产生不同的后果。

  1. function toCelsius(fahrenheit) {
  2. return (5/9) * (fahrenheit-32);
  3. }
  4. document.getElementById(“demo”).innerHTML = toCelsius(77);

1. 应用 () 操作符调用函数

应用下面的例子，toCelsius 指函数对象，而 toCelsius()指作用的后果。

  1. function toCelsius(fahrenheit) {
  2. return (5/9) * (fahrenheit-32);
  3. }
  4. document.getElementById(“demo”).innerHTML = toCelsius;

2. 用作变量值的函数

函数能够像变量一样应用，在所有类型的公式、赋值和计算中都能够应用。

  1. var x = toCelsius(77);
  2. var text = “The temperature is ” + x + ” Celsius”;

三、总结

文章次要从俩个方面介绍了 JavaScript 函数的利用，从函数的语法，怎么去调用函数，函数的返回值，以及在编程中为什么须要函数的退出等等，都做了具体解说。通过实际案例的操作，运行成果的展现，可能让读者更好的了解。

退出移动版