生活符号化javascript 24-27強関数の構文、入力パラメータ(parameter)、パラメータ(parament)、出力(return)


関数というツールの使い方を見てみましょう
関数といえば収納ボックス
コードが多ければ多いほど、コードを整理するツールが必要になります.
最初の非常に簡単で強力なツールは関数です.
さらに大きなツールがオブジェクトです.
inputというコードがあります.
js onclickで
極端に1億個のinputラベルがあれば
色を変えたいなら、1億個のコードをすべて変えなければなりません.
機械で交換すれば、交換する必要のない色まで変えることができます.
多くのinputラベルは同じかどうかを判断するのが難しい.
このような絶望的な状況では、救援のツールは関数です.
重複するタグを切り取ってscriptタグに入れる
次に、インポートした重複タグに名前を付けます.
このようにコードを記述する場合は、nightdayhandlerと名前を付けたい場合があります.
Webブラウザに関数を作成するためにfunctionというキーワードを追加しました.

1関数の基本構文


繰り返される回数が多く連続していなければ
反復文は解決できない,関数が必要だ
関数を作成することを示すためにfunctionを書き、作成する関数の名前を指定し、カッコ内のカッコを書きます.
繰り返したいコードを括弧に貼ればいいです.
  <body>
    <h1>Function</h1>
    <h2>basic</h2>
    <ul>
      <script>
      document.write('<li>1</li>');
      document.write('<li>2-1</li>');
      document.write('<li>2-2</li>');
      document.write('<li>3</li>');
      document.write('<li>2-1</li>');
      document.write('<li>2-2</li>');
      </script>
    </ul>
  </body>
このように繰り返したい場合は、カッコ内に繰り返したいコードを入力します.
それを貼り付けて、そこに関数の名前を書けばいいです.
      <script>
        function two(){
          document.write('<li>2-1</li>');
          document.write('<li>2-2</li>');
        }
      document.write('<li>1</li>');
        two();
      document.write('<li>3</li>');
        two();
      </script>

2パラメータとパラメータ


入力と出力に相当するのは関数です
プログラミングの関数を理解します.
どんな効用があるか、どんな文法を使うか見てみましょう.
関数は入力と出力で構成されます.
入力に対応するパラメータパラメータパラメータパラメータ
出力はreturnに関係する
関数の実行時に入力値に応じて異なる結果を出力してみます
     <script>
          function sum(left, right){
            document.write(left+right+'<br>');
          }
          sum(2,3);
          sum(3,4);
      </script>
入力値が何であるかに応じて、sumという関数を使用して、異なる結果を画面に出力します.
それをfunction sumと呼んで画面に印刷します.
document.書いてから上と下は同じです.
2、3この値は括弧でも同じです
rightという変数を定義し、括弧2に対応する2番目の位置で左括弧3に対応します.
この変数は韓国語でパラメータ、英語でparameterと呼ばれています
このコードを実行すると、左キーが2右キー3と約束され、左キー+右キーを加えてbrタグで改行します.

画面に5の出力が表示されます.
sumという名前の関数に2,3の値を入力するだけです.
5の結果は画面に印刷できるようになりました
ここで,関数に渡す値2,3をパラメータ,argumnetと呼ぶ.

この値を得ると、パラメータはパラメータ、parameterと呼ばれます

どちらも関数として入力した値に関係しています.

3戻る


出力に対応
式とは?

1+1は数値2の式です
2-1も数字1の式です.
1と1は同じですか.
左と右が同じでtrueが表示されます.
1==1がtrue値になる式
関数も同じです
sum(2,3); 実行する場合は、結果が5の式にします.
その時は報われる
      </script>
      <h2>Return</h2>
      <script>
        function sum2(left, right){
          return left+right;
        }
        document.write(sum2(2,3)+'<br>');
        document.write('<div style="color:red">'+sum2(2,3)+'</div>');
        document.write('<div style="font-size:3rem;">'+sum2(2,3)+'</div>');

      </script>
sum 2という関数を作成します.
色とフォントサイズを変えたいなら
sumを実行した結果はドキュメントです.writeで実行するのではなく、sum結果の値を返すのではないでしょうか.
それが報い
sum 2が関数であることを教えてください.
パラメータで入力した値はleftとrightです
重要なのはreturn出力により,関数を多様な用途に使用できることである.