JavaScript函数的使用方法是什么

发布时间：2020-08-29 10:34:16 作者：小新
来源：亿速云阅读：132

这篇文章主要介绍了JavaScript函数的使用方法是什么，具有一定借鉴价值，需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

函数就是通过共同定义相同的处理并使其可以多次使用。

如果代码很多的话，有时可能需要用到大量相同的处理，虽然可以通过复制粘贴来省去时间，但是代码会变得很长，不方便后续的一些操作，这时候我们可以将相同的处理定义为一个函数，然后调用这个函数，这样代码就会看起来非常的简洁了。

此外函数还有一个优点，当需要处理的部分代码需要进行共同的变化时，只需要更改一处就可以了。

下面我们来看JavaScript中函数的定义

基本形式

在定义函数时首先需要的是function。之后写下给函数的名称并在{}中写入需要的处理，最简单的编写的话就像下面这样

<script>
function 函数名( ) {
　　处理的代码
}
</script>

参数和返回值

此外，如果要将参数传递给函数，请将参数名称放在括号中。您可以根据需要添加任意数量的参数，以“，”分隔。因此，即使进行相同的处理，也可以地根据传递的参数进行内容的处理。

另外，如果你想获得这个调用函数的处理结果，使用return的关键字，则会传递函数中处理的结果返回值。

<script> 
function 函数名（参数1，参数2，...）{ 
　　处理的代码
　  return 返回值; 
}
</ script>

我们下面来看使用函数编程的具体例子

我们先使用变量来编写，将变量定义为money，根据输入的money的值，用document.write输出字符串“有钱人”，“普通人”，“贫穷”三个类型。

代码如下

<!DOCTYPE html>
<html>
  <head>
    <meta charset = "utf-8">
    <title>JavaScript</title>
  </head>
  <body>
    <script>
      var money;
      if (money > 5000) {
        document.write("有钱人");
      } else if (money > 3000){
        document.write("普通人");
      } else {
        document.write("贫穷");
      }
    </script>
  </body>
</html>

基于上述代码，根据输入的money值，执行的结果会为“有钱人”或“普通人”或“贫穷”，如果不使用函数，则必须写入相同的代码。

    <script>
      var money=10000;
      if (money > 5000) {
        document.write("有钱人");
      } else if (money > 3000){
        document.write("普通人");
      } else {
        document.write("贫穷");
      }
    </script>

变量money的值输入10000，则输出结果为“有钱人”

JavaScript函数的使用方法是什么

当变量money输入为4000，结果就为"普通人"，输入money的值为2000时就是“贫穷”。

所以你只需要改变var money的值，其他都不需要改变，但代码就会变得很多，这个时候如果定义一个函数，代码就会变得简单的多

我们接着就来看使用函数具体的示例

这里的函数名称是judge。因为想根据输入变量money的值来判断“有钱人”“普通人”“贫穷”。

实际上，您无法分辨传递给函数的信息是什么，因此使用变量money定义参数。该函数将根据进入变量money的值来改变输出的值和字符串。

function judge(money) {
  if (money > 5000) {
    document.write("有钱人");
  } else if (money > 3000){
    document.write("普通人");
  } else {
    document.write("贫穷");
  }
}

这样做的话，就可以删除目前已编写和重复多次的代码，并将其替换为名为judge的函数。

代码如下

<script>
  function judge(money) {
    if (money > 5000) {
      document.write("有钱人");
    } else if (money > 3000){
      document.write("普通人");
    } else {
      document.write("贫穷");
    }
  }

  var money = 10000;
  judge(money);
  var money = 4000;
  judge(money);
  var money = 2000;
  judge(money);
</script>

运行结果如下

JavaScript函数的使用方法是什么

使用return值返回

也可以在不使用document.write的情况下返回判断结果的字符串。。这种情况下，使用返回值return。将判断结果的字符串“有钱人”“普通”“穷”代入后，最后用return返回到result的变量的值。

代码如下

<script>
  function judge(money) {
    var result;
    if (money > 5000) {
      result = "有钱人";
    } else if (money > 3000){
      result = "普通人";
    } else {
      result = "贫穷";
    }
      return result;
    }
  var money = 10000;
  var result = judge(money);
  document.write(result);
  var money = 4000;
  var result = judge(money);
  document.write(result);
  var money = 2000;
  var result = judge(money);
  document.write(result);
</script>

运行效果不变

JavaScript函数的使用方法是什么

最后，我们来简单看一下什么是局部变量

局部变量是指在函数中定义的变量，并且只在该函数中有作用。

使用“var变量名”声明与普通变量没有区别，但在局部变量的情况下，它是在function中声明。

感谢你能够认真阅读完这篇文章，希望小编分享JavaScript函数的使用方法是什么内容对大家有帮助，同时也希望大家多多支持亿速云，关注亿速云行业资讯频道，遇到问题就找亿速云，详细的解决方法等着你来学习!

JavaScript函数的使用方法是什么

相关阅读