JavaScript js関数の整理

7407 ワード

今日はJavaScript文法における関数の勉強をまとめます.
JAvascriptの関数は、数学のy=f(x)と同様に、入力に必要な出力を返すように設定できる関数です.
必要な機能を定義した関数は、後で繰り返し使用できるので、繰り返しコードを関数として定義すれば、効率的なコードを作成できます.
大きく分けて3つの定義方法があります.

宣言関数


関数名(パラメータ){함수 기능};
上記の形式で関数を定義できます.
1つの関数を定義すると、関数を呼び出して複数回繰り返し使用できます.
関数名();
上記で定義した関数の機能を使用できます.
コードで調べてみましょう.
funtion func(){
	console.log('기본적인 함수 생성방법입니다.');
}
func();

>>>	기본적인 함수 생성방법입니다.
funcという関数を定義します.
機能は「関数を作成するための基本的な方法」です.このようなテキストを出力します.
func()で定義された関数を呼び出すことで、定義された関数内で記述された機能が使用可能かどうかを決定できます.

匿名関数


これは関数を簡単に定義する方法です.
関数の名前を定義せずに変数に割り当て、その変数を呼び出す場合は、関数の機能を使用します.
let func = function(){console.log('익명함수 생성 방법입니다.')}

func();

>>>	익명함수 생성 방법입니다.

矢印関数


これは匿名関数よりも簡単に関数を定義する方法です.
() => {}
上記のように宣言して使用できます.
1つの式のみを返す関数については、括弧も省略できます...!
let func = () => console.log('화살표함수 생성방법입니다.')

func();

>>> 화살표함수 생성방법입니다.

かっこを省略する矢印関数の使い方.
let func = () => {
  console.log('화살표함수 생성방법입니다.')
  console.log('화살표함수 생성방법입니다.')
}

func();

>>> 화살표함수 생성방법입니다.
    화살표함수 생성방법입니다.

かっこを含む矢印関数の使用法.

パラメータ付き関数


関数名(パラメータ){함수 기능};
以前,基本関数の定義方法を議論し,その使用をコードで理解したが,「パラメータ」は使用しなかった.
「パラメータ」を含む関数を定義し、returnを使用して値を返すコードを記述します.
function bitcoin(money){
    money = money * money;
    return money;
};

let bitcoinWallet = bitcoin(1000);

console.log(bitcoinWallet);

>>> 1000000
moneyをパラメータとするビットコイン関数を定義します.
関数内でmoneyにmoneyを乗算する機能を実行し、その値を返す関数.
パラメータとして入力された1000に1000を乗算し、返されたmoneyは1000000であり、BitcoinWalletという変数に入力されます.
console.log(bitcoinWallet);実行すると、1000000の結果を表示できます.

コールバック関数


コールバック関数は、関数パラメータとして渡される関数です.
私はただ何がコールバックなのかを簡単にまとめたいだけです.
宣言関数と文法的に区別されず、定義の仕方に特別な事項があります.
function func(callback) {
callback()
};
上記のように定義すると、コールバックはfunc関数のパラメータです.このコールバック関数を使用するとcallback関数になります.

function bitcoin(callback){
    callback()
}

bitcoin(function(){console.log(100000)})

>>> 100000
上記の例では、ビットコインという関数パラメータとして入力されるfunction(){console.log(100000)}はcallback関数です!匿名関数として定義したり、事前定義関数として使用したりできます.