JS|関数

関数宣言

関数の内部にreturnキーが表示されると、関数は中止されます.

関数を宣言するときに、戻り文を個別に記述しない場合は、定義されていない値を返します.

returnは、関数を実行し、値を返すconsoleです.logは、コンソールウィンドウに値を出力する関数です.

関数/関数呼び出し

プログラミングの最も基本的な単位は関数です.ロングプログラムを機能別に複数の関数に分割すると、モジュール化によりコード全体の可読性が向上し、機能別(機能別)に変更できるため、メンテナンスが容易になります.関数を呼び出すとき、カッコ内の内容をパラメータと呼びます.これが関数の入力値です.関数の最終結果は、関数内部にreturnキーを入力し、後に値を加えて生成され、return値と呼ばれます.
呼び出し時のパラメータ個数が固定されていない関数を可変パラメータ関数と呼び,これらの関数を実現する際に残りのパラメータ(rest parameter)を用いた構文を用いる.関数のパラメータの前に3つの句点があります(...)入力すると、パラメータは配列に入ります.配列を展開し、関数パラメータとして渡される展開演算子(拡散演算子)を配列の前に使用します.Argumentsは類似配列オブジェクトであり、restは配列である.類似配列オブジェクトは、単純な遍歴性(iterable)特性を有し、長さ値を知ることができる.つまり、アレイオブジェクトに似たオブジェクトであるため、アレイオブジェクトのメソッドは使用できません.したがってarrow関数はパラメータを使用できずrestパラメータを使用できます.

//rest parameter
function 함수 이름(...나머지 배개변수){} //숫자를 넣으면 배열로 출력
//spread operator
function 함수이름(...배열){} // 숫자 하나하나가 출력됨 //사용 되지않으면 [Array(4)]로 출력
}

コールバック関数

JAvascriptでは、関数をデータ型としてパラメータに渡すこともできます.パラメータに渡す関数をコールバック関数と呼びます.すなわち、パラメータによって関数が受信され、その関数によって結果値が呼び出される.
関数を作成すると、アドレス値(reference)が生成されます.したがって、関数を別の関数のパラメータとして渡すと、そのアドレス値がコピーされて読み込まれるため、同じ関数の機能を実行し、関数のパラメータが必要な場合は、正常に出力するには括弧内に書かなければならない.

function add(num1, num2){
 return num1+num2;
}

function surprise(callback){
 const result = callback(2,3);
 console.log(result);
}

surprise(add); 

function callThreeTimes(callback){
 for (let i = 0; i<3; i++) {
   callback(i)
 }
}
//익명함수로 선언
callThreeTimes(function (i) {
 console.log(`${i}번째 함수 호출`)
})

コールバック関数の使用:forEach()、map()、filter()

護衛する

関数のすべての宣言を、関数の有効範囲の最上位に移動します.関数の有効範囲は、関数ブロック{}の内部にあります.JAvascript Parserは、関数の実行前に関数を巡回し、関数に存在する変数/関数宣言に関する情報を記憶して実行します.

残りの入力パラメータを保存する関数

Arguments

JavaScript関数は、宣言されたパラメータよりも多くのパラメータを送信する場合があります.この場合、入力されたパラメータには、パラメータで次から次へとアクセスできます.論点は配列タイプではありません.したがって,配列のメソッドは使用できない.
関数を作成するときにargumentsプロパティを使用します.たとえば、JavaScriptの可変パラメータを受信して処理します.
#試してみる価値があるのは(1~から無限多受信パラメータまで、和関数を構築する)

スプレッドシート演算子とRest(...)

arrow function

関数の構文を簡単に宣言でき、読みやすさが良い.

function getName(name) {
   return "Kim " + name ;
}

//위 함수는 아래 arrow함수와 같다.
const getName = (name) => "Kim " + name;

パラメータ

パラメータ(Parameter)は関数内部のパラメータであり、関数を呼び出すときに渡されるパラメータ値は変数に含まれます.媒介的な役割を果たすため、パラメータとも呼ばれる.

因数(Argument)とは、関数を呼び出すときに伝達される値であり、伝達因子とも呼ばれる.

戻り値

returnを使用すると、関数の戻り値が得られます.
return文は、関数の実行を終了し、関数の呼び出しポイントに戻ります.

ミーティングの名前付け

複数の人が連携する際の可読性を向上させるために制定されたプログラミングスタイルに関するガイドラインは,符号化規則(Coding Convention)と呼ばれる.エンコード会議は、ネーミング会議、注釈会議、インデント会議から構成されます.ここで、命名規則とは、ソースコードやドキュメント内の変数名、タイプ、関数などの識別子に使用される文字列を選択する様々な規則を指す.

変数

文字で始まる名詞

lowerCamelCase

関数

動詞または動詞フレーズ

lowerCamelCase

default exportの場合CamleCase

を使用

ライブラリのエクスポート時にPascalCase

を使用

オブジェクト

キーと値の共通特性を表す名詞

lowerCamelCase

エクスポート時にPascalCase

を使用

クラス

名詞または名詞フレーズ

PascalCase

エクスポート時にPascalCase

を使用

nullとundefined

はいずれも「値なし」を表すが、nullは意図的に値がないことを表し、未定義のコードを実行するときに値がないことを確認するために使用される.割り当てられていない変数には、基本的に定義されていない値があります.これは、宣言後に値が確定していないことを意味します.

[注意]
https://bmind305.tistory.com/45
https://velog.io/@cada