はじめに
改めてJavaScriptの基本を学び直している。
その中で学んだ内容のメモ兼学習アウトプットです。
基礎的な部分を学び直すと、色々なところで「なるほど〜」とわかった気になって楽しいです。笑
関数もオブジェクトである
JavaScriptのデータ型は大きくプリミティブ型とオブジェクト型に分けられる。
参考：https://qiita.com/makotoo2/items/9566cebf205ef8b42505
関数も例外ではなく、オブジェクト型に属する。
そのため、基本的にオブジェクトと同様の機能をもつ。
そして関数は実行可能なオブジェクトである。
サンプルコード
まず関数を定義する
// 関数funcを定義
function func() {
console.log("funcを実行");
}
値を格納できる
通常のオブジェクトと同様に、関数にも値や関数を格納することができる。
// 関数funcに値（prop）と関数（method）を格納する
func.prop = 10;
func.method = () => {
console.log("methodを実行");
};
// funcを実行
func();
// func.propの中身を確認
console.log("func.prop：", func.prop);
// func.methodを実行
func.method();
コンソール
関数funcの中身を確認してみる。
// 関数funcに値（prop）と関数（method）を格納する
func.prop = 10;
func.method = () => {
console.log("methodを実行");
};
// func の中身を確認してみる
console.log({ func });
コンソール
ちゃんと格納した値propと関数methodが入っていることが確認できる。
実行可能なオブジェクトである
関数は()をつけることで処理が実行されます。
func();
func.method();
最後に
いつもありがとうございます！
参考にさせていただきました！