JavaScript関数の使い方-jsチュートリアル-php.cn

JavaScript関数の使い方

不言

リリース： 2018-12-17 13:52:06

オリジナル

2684 人が閲覧しました

関数は同じ処理を共同で定義し、複数の用途に使用できるようにします。次の記事では JavaScript関数の使い方関数の使い方での関数の使い方を紹介します。

JavaScript関数の使い方関数の使い方

コードが多い場合は、同じ処理を何度も使用する必要がある場合がありますが、コピーして貼り付けることで時間を節約できます。コードが非常に長くなってしまうため、後続の操作に不便になります。このとき、同じ処理を関数として定義し、この関数を呼び出すと、コードが非常に簡潔になります。

さらに、この関数には、処理が必要なコードの一部を変更する必要がある場合、1 か所だけ変更すれば済むという利点もあります。

JavaScript関数の使い方関数の使い方での function の定義を見てみましょう

基本的な形式

関数を定義するときに最初に必要なものは function です。次に、関数の名前を記述し、必要な処理を {} 内に記述します。最も簡単な記述方法は次のとおりです。

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

ログイン後にコピー

パラメータと戻り値

また、関数にパラメーターを渡す場合は、パラメーター名を括弧内に入力します。パラメータは「,」で区切って必要なだけ追加できます。したがって、同じ処理を行う場合でも、渡されたパラメータに従ってコンテンツを処理することができます。

また、この呼び出し関数の処理結果を取得したい場合は、returnキーワードを使用すると、関数内で処理した結果の戻り値が渡されます。

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

ログイン後にコピー

関数型プログラミングの使用例を

具体的に見てみましょう

最初に変数を使用して書き込み、入力された金額に応じて変数をお金として定義します。 use document.write は、「金持ち」、「普通の人」、「貧乏人」の 3 種類の文字列を出力します。

コードは次のとおりです

<!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>

ログイン後にコピー

上記のコードに基づいて、入力された金額に応じて、実行結果は「金持ち」または「普通の人」または「貧乏」になります。関数が使用されない場合は、同じコードを記述する必要があります。

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

ログイン後にコピー

変数マネーの値を10000に入力すると出力結果は「金持ち」になります

JavaScript関数の使い方関数の使い方

変数マネーを入力するとが 4000 の場合、結果は次のようになります。「普通の人」にとって、入力された金額が 2000 の場合、それは「貧しい」ことを意味します。

したがって、varmoney の値を変更するだけで、他は何も変更する必要はありませんが、コードが多くなりますが、このとき関数を定義すると、コードは非常に簡単になります#。

##関数の具体的な使用例を見てみましょう

ここでの関数名は「judge」です。入力した変数のお金の価値で「お金持ち」「普通の人」「貧しい人」を判断したいからです。

実際には、どのような情報が関数に渡されるのかわからないため、変数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で結果変数の値を返します。

コードは次のとおりです

<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関数の使い方ローカル変数とは