JavaScriptにおいて、オブジェクトのキーに関数は使用できますか?

Question

//オブジェクトを定義
var listeners = {};
//関数を定義
var a = function () {
    alert('a');
};

//関数をキーにして、別の関数を代入
listeners[a] = function () {
    a();
};

//両方の関数を実行
a();
listeners[a]();

上記のように、ある関数に別の関数(無名関数)を関連付けるためオブジェクトを使うことを考えました。
オブジェクトのキーに関数を指定する、という方法は我ながら信じられないのですが、
上記のコードはGoogle Chrome、Firefox、Internet Explorer 11とそのエミュレーション、IETesterでも動作します。

このようなコードはECMAScriptの仕様で許されているのでしょうか?
また、古いIE6などでも動作しますか?

Answer 1

詳しく知っているわけではないですが、
これは単純に関数が文字列化されているんじゃないでしょうか？

listeners[a.toString()]();

で実行しても"a"がアラートされました。

キーにnullを設定した場合には文字列の"null"として登録されるので、同じような原理ですかね。

JavaScriptのオブジェクトのkeyにnullが使える話

Comments

[sounisi5011]

簡単に検証した所、そのようです。
リンク先の情報ではMapオブジェクトを使うべきだそうですが、このコードは旧IE用のpolyfillに利用するつもりなので難しいですね…
ありがとうございました。

Answer 2

先の回答にも書かれているようにオブジェクトのkeyには文字列型かシンボル型しか使えません。
代わりにMapを使ってください。Mapの根幹はポリフィル容易です。

Comments

[sounisi5011]

ありがとうございます。

リンク先のQiitaの投稿にMapオブジェクトのpolyfillが書かれていましたが、
わざわざMapオブジェクトを定義するより、
keyとvalueを格納した配列で構成される配列…多次元配列による方法のほうが最適のようなので、その方法を取らせていただきます。

[jser]

それってつまりMapのポリフィルのことでは？

[sounisi5011]

その通りです。

このコードは旧IE用のpolyfillに利用するためのものなので、
わざわざMapオブジェクトのpolyfillを使ってまでMapオブジェクトによるコードを書くより、
keyとvalueを格納した配列で構成される多次元配列による方法、
即ちMapオブジェクトのpolyfillと同等の処理を直接実装したほうが良いと判断しました。