I.JSベース-3.n.関数

関数は「小機能単位」

関数宣言-キーワード、name、parameter、bodyについて

関数の宣言と呼び出しの基本的な動作原理を理解する

関数式が変数に含まれるプロセスについて

関数の結果値が変数に割り当てられるプロセスを理解する

関数の呼び出しと戻りを理解し、実際のコードを記述します。

func(関数自体)とfunc()(関数の呼び出し)の理解

区分パラメータvsパラメータ

関数宣言、式、矢印関数について

関数の動作原理

コードセット([お気に入り](Favorites)ボタン)
機能単位
入力と出力のマッピング(マッピング)
呼び出すと必ず戻る(return)
(1)キー作成
宣言(宣言)

function func(param) {  // 'param' 매개변수는 함수 스코프 안에서 선언은 된 상태
...
}

functionキーワード+関数名(パラメータ){
コード...(function body)
}
パラメータ(パラメータ)は、関数またはメソッド定義にリストされる変数名です.
Argument(パラメータ)は、関数やメソッドを呼び出すときに渡されたり入力されたりする実際の値です.
(2)ボタンの使用
呼び出し(call,invocation)
関数式の計算
関数呼び出し

let result = cal(10, 20);  // 함수 호출 (평가) 

  function cal(param1, param2)  {  // 호출에서 입력된 인자들이 대입됨

    console.log(param1 + param2);  // param1 + param2 의 값 평가 

return param1 * 10;   // param1 * 10 의 값 반환 > 함수 호출 코드 = 리턴값 

}

function mulTablePrinter(num) {

console.log(num * 1) ; 

console.log(num * 2) ; 

console.log(num * 3) ;

console.log(num * 4) ;

console.log(num * 5) ;

console.log(num * 6) ;

console.log(num * 7) ;

console.log(num * 8) ;      

console.log(num * 9) ;

} 

function -> keywordmulTablePrinter -> namenum -> parameter
{式1から9}->body

関数・指示事項のバンドル

入力♥関数・出力の手順

関数名(入力)の形式

let length = getLength('안녕하세요');
console.log(length);  // 5

関数宣言

function myFunction(input) {  // input은 매개변수 (parameter) 
  // 컴퓨터에게 시킬 일
}

*parameterは入力に応じて変更可能な変数で、「キーワード+変数=値の宣言」を省略して変数として使用できます.
*関数実行時にパラメータに具体値(パラメータ)を渡す場合、k function(パラメータ)
*関数の線形認識はシースの影響を受ける
->ブラウザ分析時に上へドラッグ

isItPossible(); // 'Yes, It is'

function isItPossible() {
  return 'Yes, It is';
}

関数式

let myFunction = function(input) {
  // 컴퓨터에게 시킬 일 
}

*給油X

isItPossible(); // Uncaught ReferenceError: isItPossible is not defined

let isItPossible = function() {
  return 'Yes, It is';
}

*エンクロージャとして使用可能
*コールバックとして使用可能(他の関数に渡すパラメータ)

矢印関数

let func = (arg1, arg2, ..., argN) => expression

// 위의 화살표 함수가 곧 아래의 함수
let func = function(arg1, arg2, ..., argN) {
  return expression;
};

機能体中に回文のみの場合return過{}省略可能

let func = (arg1, arg2, ..., argN) => expression;

一つの論点では、パラメータの括弧は省略してもよい

let double = n => n * 2;

点を問わず括弧を付けなければならない

let sayHi = () => alert("Hello!");

sayHi();

simple one-line actionで非常に使いやすい

let age = prompt("What is your age?", 18);

let welcome = (age < 18) ?
  () => alert('Hello') :
  () => alert("Greetings!");

welcome();

*3つの条件演算子
(条件文)?(真の場合は式を実行):(偽の場合は式を実行)

回文で括弧が使える

let func = (num1, num2) => (num1 * num2 / 2)

*関数の式が2行以上の場合、returnおよび{}

戻り(式の出力値)

let timeToGoHome = function(speed, distance) {
  let time = distance / speed;
  console.log(time);
}

timeToGoHome  // 함수 표현식 그 자체
timeToGoHome(arg1, arg2)  // 함수 실행, 콘솔에 time에 할당된 값은 찍힘, 그러나 리턴값이 없음
                          // 따라서 함수 실행 결과는 undefined
timeToGoHome()  // NaN

let time = timeToGoHome(arg1, arg2)  // time = undefined

*関数の結果値出力プロセスが返されないため、関数の結果は定義されていません.
関数以外のtimeという変数に関数実行値を指定した場合、undefinedは戻りません.

let timeToGoHome = function(speed, distance) {
  let time = distance / speed;
  console.log(time);
  return time;
}

*したがって、関数の実行結果の値を定義するには、戻る必要があります.