JavaScriptの関数／無名関数／アロー関数～プログラミング学習

2024年1月31日

関数とは、同じ処理を何度を繰り返したくない場合に、処理をひとまとめに定義したものです。

仕事でも何度も同じことを言われたりすると疲労感が伴うことはないでしょうか。

プログラミングではこのようなシステムが言語として実装されているわけです。

その呼び出し方は、関数名( ) ; のように名付けた関数名を指定するだけです。

これだけで処理を実行してくれます。

引数二つのJavaScriptの関数

関数は、引数を二つ与えて定義することができます。

ここでの引数は、x,yの箇所です。

function add(x,y){
const sum=x+y;
return sum;
}

const result=add(3,4);
console.log(result);

関数を呼び出す際は、具体的に3,4のような数字を渡して、あらかじめ定義した関数を呼び出すことは想像がつくと思います。

関数を呼び出す時の引数は、このように具体性を有することと関連させて、実引数と覚えることができます。

一方、関数を定義した時の引数、ここではx,yが仮引数です。

関数の基本系の書き方を変形させていきます。

まずは、無名関数。

元々は先ほどのように、functionの後に関数名findTriangleAreaを定義していたのですが、それを無くして、無名関数を変数findTriangleAreaに代入しています。

const findTriagleArea=function(a,b){
return a*b/2;
}

const area=findTriangleArea(4,2);
console.log(area);

次にアロー関数を使って書きます。

アロー関数をfindTriangleArea変数に代入します。

const findTriangleArea=(a,b)=>a*b/2

const area=findTriangleArea(4,2);
console.log(area);

ここまで短く書くことができます。

【参考／受講／フロントエンド】

【プログラミング参考動画CSS】