obj.toString === Object.toString がfalseになる理由

Question

var obj = {};
// 式1
obj.__proto__.toString === Object.prototype.toString // => true
// 式2
obj.toString === Object.toString // => false

式2がfalseになるのはなぜでしょうか？
式2はまずobjにtoStringがあるかを探し、見つからなければ__proto__の中を探しに行くので、内部的には式1と同じことをやっているのだと考えていたのですが、そうではないようです
なぜこのようになるのか教えてください

Answer 1

new Objectとできるように、Object自体は関数です。なので、Object.toStringはFunction.prototype.toString（関数の中身を文字列化）を継承していて、Object.prototype.toStringとは別物です。

Answer 2

これらを実行してみてください。何が同じでなにが別物か解ると思います。

//toStringとは何者か？
({}).toString === Object.prototype.toString
//→ true イメージ通りだと思います。

//配列のtoStringとは何者か？
[].toString === Array.prototype.toString
//→true これもイメージ通りだと思います。

学んだ通りだと思います。
どんどん行きます。

//prototypeのtoString同士を比較してみます
Object.prototype.toString === Array.prototype.toString
//→false 文字列化の実装が違うのでfalseです。イメージ通りで大丈夫でしょうか？

//質問者さんが実体化したオブジェクトのtoStringを比較されていたので、
//実体化したもの同士の比較も一応しておきます
({}).toString === [].toString
//→false 一つ上でfalseとなっているので当然ですよね

//ここからが本題。ではこれはどうなるでしょう？
Object.toString === Array.toString
//→true
// おそらく質問者様のObject.toStringのイメージと違うと思います。

ここでObjectってなに？Arrayってなに？という疑問となります。

//Objectを直接叩いてみましょう。
Object
//→function Object()

//一応Arrayも叩いてみましょう。
Array
//→function Array()

functionが返ってきました。
Javascriptではfunctionもオブジェクトです。
ということは！？

Object.toString === Function.prototype.toString
//→true

//となるので質問者さんは↓をやっていたという事になります。
Object.prototype.toString === Function.prototype.toString
//→false

Comments

[qwefrg]

みなさま回答ありがとうございます！大変勉強になりましたし、私の疑問も解決しました！（想像以上に回答がついて個別にコメントするのが大変なのでこちらでまとめお礼言わせてください。）
今回は個人的にもっともわかりやすかったso87さんにベストアンサーを差し上げたいと思います！

Answer 3

既に回答されている通りですが、誤解されているポイントは下記コードのような気がしました。

obj.__proto__ === Object;

このコードは false を返しますが、「true を返す」と認識されていませんか。
その認識なら、下記コードが true を返すので、そういうことなのではと思いました。

obj.toString === Object.toString // => false`

true を返すコードは下記になります。

obj.__proto__ === Object.prototype;

従って、下記コードも true を返します。

obj.toString === Object.prototype.toString;

Re: qwefrg さん

Answer 4

1. obj.toString は何物か？

obj.toString は、Object.prototype.toString です。

obj.toString == Object.prototype.toString // true

2. Object.toString は何物か？

Object.toString は、Function.prototype.toString です。
Objectは関数オブジェクトだからです。

Object.toString == Function.prototype.toString // true

3. その2つは同じものか？

Object.prototype.toString と、Function.prototype.toString は別の関数です。

Object.prototype.toString == Function.prototype.toString // false

4. 結論

よって、obj.toString === Object.toStringはfalseとなります。

Answer 5

toStringがObjectのネイティブコードだからですかね
実行形式で記述すると戻り値がちがいますし

var obj = {};
console.log(obj.toString());
console.log(Object.toString());
console.log(obj.__proto__.toString());
console.log(Object.prototype.toString());

普通に追加したユーザー関数だと同値になりますね

Object.prototype.hoge=function(){return "fuga";};
var obj = {};
console.log(obj.hoge===Object.hoge);
console.log(obj.__proto__.hoge===Object.prototype.hoge);

Answer 6

var obj = {};


// __proto__ と prototype は違うものです。
Object.__proto__ === Object.prototype; // false

// プロトタイプチェーンは __proto__ を経由して、コンストラクタの prototype をたどりますが、、、
obj.toString === obj.__proto__.toString; // true
obj.__proto__.toString === Object.prototype.toString; // true

// 、、、そのオブジェクト自身の prototype はたどりません。
Object.toString === Object.__proto__.toString; // true
Object.__proto__.toString === Object.prototype.toString; // false



//とはいえ、最終的には同じところにいくんですけどね。
Object.__proto__.__proto__ === Object.prototype; // true

Answer 7

"var obj = {};" と定義されていますから、objはArrayクラスのオブジェクトです。
Arrayクラスには、toStringメソッドがありますから、__proto__の中を探しに行きません。

objは中身の無い(要素数0)の配列ですから、obj.toString()は、""を返すはずです。
（中身があれば、それぞれの要素の.toString()の値をカンマ区切りで列挙した文字列になる）

Comments

[maisumakun]

var obj = {};でできるものはObjectで、Arrayではありません。