なぜ、メソッドを使うとtrueが返ってくるのか

Question

javascriptの[]===array.prototypeや[1,2] === new Array(1,2)は、falseですが、[].slice === Array.prototype.sliceだとtrueとなります。
なぜ、prototypeのあとにプロトタイプオブジェクトが持っているメソッド、ここでいうsliceを使うとtrueになるのでしょうか。

console.log("[]===array.prototype",[] === Array.prototype);//false
console.log("[].slice===array.prototype.slice",[].slice === Array.prototype.slice);//true
console.log("[]===array",[] === Array);//false
console.log("[1,2]===new Array",[1,2] === new Array(1,2));//false

Answer 1

prototype オブジェクトはインスタンスをたくさん生成したとしても
prototypeのオブジェクトは一つしかありません。

やってはいけないことですが、

var arr = [];
console.log(arr.push(20)); // 1 （正確には、arr.length の値）

Array.prototype.push = function(){
    return 'hogehoge';
};
console.log(arr.push(12)); // hogehoge

var arr2 = [];
console.log(arr2.push('foobar')); // hogehoge

とやってみると、わかりやすいと思います。

これを踏まえた上で、[].slice === Array.prototype.sliceがtrueになるのは,
同一のオブジェクトを指しているためです。

ちなみに
[].slice() === Array.prototype.slice() は false です。functionの結果生成されたインスタンスを比較している感覚ですね。

Comments

[退会済みユーザー]

arr2 に push しようとしてる場所が arr に push しとるよ

[Ryo]

どもです。修正しました。