javascript get function

Question

下記のコードにある　get とは何でしょうか？
function みたいな 修飾子なのでしょうか？
また　function や　get　のように、関数を修飾するものは何があるでしょうか？

let fun={ get f(){return this} };

fun.f;  // {}

以下にアドバイス頂きました内容を整理して記載します。

get : ゲッター
オブジェクトのプロパティを関数に紐づけして、プロパティ（関数名）が参照されたときに、関数を呼び出します。

let fun={ get f(){console.log(1)} }
fun.f  ; // 1
fun.f(); // 1 ; fun.f is not a function

関数fをプロパティ名「f」で呼び出します。
f()と、関数呼び出しをするとエラー(fun.f is not a function)となります。

Comments

[m.ts10806]

どこで拾ったのでしょうか

[old_dog]

すみません、ちょっと覚えてないんです。
何か調べていたときに目にしてしばらく調べていたんですけど
何を調べていたのかさえ忘れてしまってます。
すみません。

[m.ts10806]

あやまる必要はないですけど、自身で書いたコードでないのでしたら出典は基本的に明示するようにしてください。

[m.ts10806]

ただ、「なぜ質問したか」「アドバイスを得てどう理解できたか」まで忘れてしまうようだとこの時間全く無駄になるのでご注意を。

[old_dog]

m.ts10806様、アドバイスをありがとうございました。出典元が不明なので、getのコードは自作となってます。出典元のものは10～15行くらいのサンプルコードだったと記憶しています。今後、出典元のコードを転載するような場合には、出典元を明記するように心がけます。アドバイスいただきましたものは、すべて理解しやすいようコードを整理して記録しております。何度もご丁寧にアドバイスいただきまして、大変に参考にさせていただいております。この度もご指導をありがとうございました。

[m.ts10806]

そのあたり質問本文に追記してもらえますか？あとから見る人もいるので。

[old_dog]

上手にできませんでえしたが、追記をしておきました。アドバイスをありがとうございました。

[m.ts10806]

文章の上手い下手よりも「質問者が何をしようとして何が起きて何を調べて何を試して何が聞きたいのか」が明確に書いてあれば良いと思います。
難しければ質問テンプレートを埋めるように書くのが無難です。

[old_dog]

ありがとうございました。質問テンプレートを参考にします。

Answer 1

下記のコードにある　get とは何でしょうか？

getterです（MDN）。

function みたいな 修飾子なのでしょうか？

関数を修飾しているのではなく、オブジェクトに特殊な機能性をもたせる構文、という位置づけです。

Comments

[old_dog]

maisumakun様ありがとうございます。いつも本当に助かっています。さっそくMDNの記事を読ませていただきます。いつもありがとうございます。

Answer 2

get を付けると関数をプロパティのように扱えるようになります。

let fun = {
  name: "fun",
  get f() {
    return this;
  }
};


// nameもfも同じように呼べる
fun.name;
fun.f;

これにgetが付いていなければ、関数は以下のように呼ばなければならなくなります。

fun.name;
fun.f();

Comments

[old_dog]

root_jp様、ご解説をありがとうございました。getは関数をプロパティのように呼び出せる機能を、オブジェクトに持たせるものなのですね。貴重なお時間にサンプルコードもつけていただきましてありがとうございました。今後ともよろしくお願いします。