【JavaScript】function(関数)の基本的な使い方について

JavaScript

はじめに

今回は、JavaScriptでfunction(関数)の基本的な使い方について勉強したことを記載していきます。

 

function(関数)とは

関数は、コードの再利用や整理を行うための基本的な構文でJavaScriptでは関数を使って、処理をまとめたり、引数を渡したり、戻り値を返したりすることができます。特定の処理をブロックでひとまとまりにすることで何度も使い回せるため、保守性や可読性が向上します。

 

function(関数)

構文

function 関数名(引数) {
 // 処理
 
 // 値を返却したい場合
 return 値;
}
// 関数の呼び出し
関数名(引数);

 

// 加算関数
function add(a, b) {
 return a + b;
}
// 関数の呼び出し
let result = add(3, 7);
console.log(result); // 10

 

アロー関数

アロー関数とは、function キーワードを使わずに関数を定義でき、簡潔に書くことができます。

 

構文

(引数) => {
 // 処理
}

 

const add = (a, b) => {
  return a + b;
};
console.log(add(10, 2)); // 12

 

最後に

JavaScriptの環境構築は、この記事を参照してみてください。
【JavaScript】VSCodeでJavaScriptを使用するための環境構築を実施する – SEもりのLog JavaScript

以上、ログになります。
これからも継続していきましょう!!

JavaScriptフロントサイド関連
おすすめIT本
良いコード/悪いコードで学ぶ設計入門

「ITエンジニア本大賞2023」技術書部門で大賞を受賞した本です。
・コードの可読性
・普段意識したほうが良いこと
・リファクタリング考え方
等、普段のコードを設計する際に意識することが書かれています。
コードのあるべき姿に迷ったら一度読んでみると良い本です。

仕組みと使い方がわかる Docker&Kubernetesのきほんのきほん

Dockerって何?となったときに私が最初に読んだ本です。
Dockerがどんな仕組みで動いているのか、コマンドでは何を命令しているのかを理解できるように、イラストを多用して説明しています。

1冊ですべて身につくJavaScript入門講座

「ITエンジニア本大賞2024」技術書部門で大賞を受賞した本です。
私が次に読もうと思っている本なのでおすすめとして挙げておきたいと思います。

コメント

タイトルとURLをコピーしました