JavaScript 静的メンバにおける変数nameについて

Question

お世話になります。
いまJavaScriptをいろいろいじっていたのですが、ある事に気がつきました。

var AAA = function(){};
AAA.name = "test";
document.write(AAA.name);
// 出力されない

var AAA = function(){};
AAA.Aname = "test";
document.write(AAA.Aname);
// test

変数nameに格納すると出力されないのですが、調べてみたところ特に予約語でもありません。
これはなんででしょうか、、？

Answer 1

ES6 で拡張された Function#name は [[Writable]]: false なので書き換え出来ません。

• 19.2.4.2 name – ECMA-262 6th Edition

function hoge () {}
var foo = function () {};

console.log(Object.getOwnPropertyDescriptor(hoge, 'name')); // {value: "hoge", writable: false, enumerable: false, configurable: true}
console.log(Object.getOwnPropertyDescriptor(foo, 'name'));  // {value: "foo", writable: false, enumerable: false, configurable: true}

Re: raff さん

Comments

[退会済みユーザー]

ありがとうございます！！

Answer 2

関数のnameプロパティは、処理系によっては特殊な機能を持っています。

このプロパティは読み取り専用であり、関数の name を変更することはできません

なお、document.write()はむかしむかしの出力法です、デバッグ用には、console.log()などを使うことをおすすめします。

Comments

[退会済みユーザー]

迅速な回答ありがとうございます。
一番早かったmaisumakunさんをベストアンサーにします！

Answer 3

AAA.nameは「AAAというfunctionが（暗黙的に）もつnameプロパティ」で、暗黙的についている「AAA」という名前が出力されているのだと思います。
次に、AAA.AnameはAnameというプロパティを作ってtestを代入しているので、testが表示されます。

結果として提示のコードからブラウザに出力されるのは「AAAtest」になるということでしょうね。

変数に無名関数を入れたときのこの挙動については、たしか「JavaScriptNinjaの極意」にそんなこと書いてあったような気がします。

Comments

[退会済みユーザー]

ありがとうございます！！