String.lengthの基本的な考え方について

Question

一度書籍でも読んだのですが、改めて単純に疑問に思ったため、お尋ねさせてください。

var str = new String("Hello");
console.log(str.length);

この場合、Stringオブジェクトはもともとlengthプロパティが備わっているのでその文字列の個数である"5"を返してくれます。
*文字列のあるべきリテラルで実際には下記の記法と変わりはない（省略的な記法？）となんとなくですが認識しております。

var str = "hello";
console.log(str.length);

A) この場合には、文字列だけではオブジェクトではないのでプロトタイプチェーンをたどりStringオブジェクトに
辿り着き、そのプロパティであるlengthを参照しているという理解であっていますでしょうか？
また、Javascript（ブラウザ）は"hello"は文字列であるため、当然にそのプロトタイプ（上位のオブジェクト）はStringオブジェクトと
知っているのでしょうか。

B) また、仮にプロトタイプチェーン上、上位のオブジェクトが複数あってlengthプロパティ（または他のメソッドでもよいのですが）
が複数存在する場合、近いオブジェクトのプロパティ（またはメソッド）が選択されるという考え方で正しいでしょうか？

とても基本的な挙動や考え方かもしれませんが、ご教示の程
宜しくお願い申し上げます。

Answer 1

この場合には、文字列だけではオブジェクトではないのでプロトタイプチェーンをたどり

いえ、内部的には文字列にもプロパティやメソッドが存在する扱いとなっています（ES2018の仕様書による）。

Comments

[maguzo]

コメント有難うございます。
そ、そうなんですね。根本のところにら誤っていたようです。
文字列に対して、console.log()しても、文字列が、出力されるだけですが、そのような内部的なプロパティやメソッドをブラウザで視覚的に確認することはできますでしょうか？

[ndxbn]

Google Chrome なら、 `utils.constructor("foo");` で見れると思います。

Answer 2

JavaScriptはRubyのような純粋なオブジェクト指向言語ではなく、
ちょっと特殊な中途半端オブジェクト思考の実装になっています。

JavaScriptに於けるString、Number、Boolean型(他にもあるかも？)はプリミティブ値でオブジェクトではありません。
当然プロパティやメソッドなんてない。

でも、現に"hoge".lengthと書いたら4という数値が帰ってくるではないか！
ちゃんとプロパティもメソッドも用意されているじゃないか！…と矛盾が生じます。

そのため、プリミティブ値のプロパティやメソッドを参照するべきタイミングになったら、
式の途中で一時的にオブジェクトとして振る舞い、行の最後でまたプリミティブ値に戻るという挙動をします。

これがmri0815さんが説明している内容で、
"hoge".hoge = 5みたいな事を行うことでプリミティブ値のプロパティに値を詰め込む事がエラーになりません。
しかし、行を抜けた所で追加されたプロパティが捨てられてしまい、hogeキーへの代入はなかったことになります。

Comments

[maguzo]

コメントを頂きまことにありがとうございます。
ご説明及び参考のサイトが非常にわかりやすかったです。一時的にプリミティブ型の文字列はオブジェクトのような振る舞いをして、lengthプロパティにアクセスできるのですね。また、そのようなものをラッパーオブジェクトと呼ぶことを学ぶことができました。
心より御礼申し上げます。

[miyabi-sun]

私はURL1個も出してませんょ＞＜
今回はmriさんがMVPじゃないかなぁと思ってます。

Answer 3

• Aについて

https://developer.mozilla.org/ja/docs/Glossary/String
に下記の通り記載があります。

JavaScript では、文字列はプリミティブ値の一つで、String オブジェクトが文字列プリミティブのラッパーオブジェクトになります。

例えば以下のコードでは、プリミティブ型にlangプロパティが存在しないため、undefinedとなります。

var str = "hoge";
str.lang ="en";
console.log(str.lang);

var obj = new String("hoge");
obj.lang ="en";
console.log(obj.lang);

Comments

[maguzo]

コメント有難うございます。
ご提示のコードを動作させ、プリミティブ型にプロパティや、メソッドを格納できないことは、確認できました。一方、マニュアルでいう、ラッパーオブジェクトのイメージが湧かないのですが、文字列というプリミティブ型の型がstringオブジェクトの中にプロパティとして内包されているということでしょうか？
度々申し訳ございません。

[mri0815]

プリミティブ型の値に対してプロパティアクセスすると対応するラッパーオブジェクトに変換されます。
文字列リテラルの場合、Stringがラッパーオブジェクトですので、toUpperCase()等メソッドを意識せず呼び出すことが出来ます。

[mri0815]

ご参考：https://qiita.com/lrf141/items/eaa13cc22ead21ddff0b

[maguzo]

ご返信ありがとうございます。
リンク先、非常にわかりやすかったです。
疑問に思ったことを理解することができました！
よろしくお願いしますお願い申し上げます。