[TIL#19]Javascript-2(関数)



Funtion


関数とは?


特定のタスクを実行するために設計された独立したモジュール!

関数の呼び出し

function checkCorrect() {
  let hi = "안녕하세요";
  
  return hi;
}
関数の定義は、関数名がcheckCorrectであり、この関数を呼び出す(呼び出す)ために使用される.
必ず次のように入力してください!!関数のみを作成して呼び出しない場合は、実行できません.
上記の関数構造(?)をより詳細に説明するあるいはよく見ると、
1.functionキーワードから、
2.checkCorrectという名前の関数を指定し、関数を通知するためにカッコ()を開いて閉じます.
3.関数の開始時にカッコ{}を開きます.
4.カッコとカッコの間に実行するコードを記述します.
5. return 何かやることがあったら、返事を書いてください.そしてかっこ~閉じて
checkCorrec();

Function(関数)-データの受信


受信データの関数定義
function alertSuccess(msg) {
  alert(msg);
}
コール関数(データ転送トランザクション)
alertSuccess("김개발님 로그인 성공!");
データを受信する関数を定義することで、関数の実行時に表示できます.でもここで注意!関数内部でパラメータとして受信した変数に新しい値を追加できません.
function alertSuccess(name) {   
  let name = "wecode";
  alert(name + "님 로그인 성공!"); 
}
 
alertSuccess("wecode");
上記のようにするとSyntaxError: Identifier 'name' has already been declared (1:22)エラーが発生します.

Function(関数)-複数のパラメータ


複数のデータ(パラメータ)を関数に渡すことができます.
function alertSuccess(month, name) {
  alert(month + "월의 당첨자는 " + name + "입니다.");
}
 
alertSuccess(3, "김개발");

Function(関数)-データ2を返します。

function getTax(price) {
  return price * 0.1;
}
 
function calculateTotal(price) {
  return price + getTax(price);
}
 
const result = calculateTotal(3500);
console.log(result);
 上のコードを分析し、
1.getTax関数から価格因子が得られ、price*0.1が返される.
2.calculationTotal関数のパラメータでpriceを受信し、パラメータとしてのpriceとgetTax関数の値(戻る)を返します.
3.constキーワードでresult変数を宣言し、変数resultはcalculationTotal関数で値します.
4.コンソールもあります.結果変数をlogで出力します.

に感銘を与える


Instagramのログインページやホームページで実現したとき、関数の宣言や戻りに対する理解が足りなかったので、ちょっと難しかったのを覚えています.この機会に,関数やコールバックなどをさらに理解した.