JS内置对象的原型不能重定义？只能动态添加属性或方法？

Posted 2020-07-02 生旦净末丑

昨天马上就快下班了，坐在我对面的同事突然问我一个问题，我说“爱过”，哈哈，开个玩笑。情况是这样的，他发现JS的内置对象的原型好像不能通过字面量对象的形式进行覆盖，

只能动态的为内置对象的原型添加属性或方法，下面那个具体的例子说明：

var arr=[];
Array.prototype={
    push:function(){
        alert("1");
    }
};
arr.push();    //没有任何输出

有人可能会说了“你先定义的arr，后来又修改了Array.prototype，这时Array.prototype.__proto__===Object.prototype,而arr.__proto__===[]，所以arr找不到push方法”；那好这次我们把arr的定义放到Array.prototype的后面：

Array.prototype={
    push:function(){
        alert("1");
    }
};
var arr=[];
arr.push();    //输出0，因为arr是空数组，而且push没有传入任何参数，所以返回arr的length，即0

看到了吧，arr调用的还是数组的原push方法，而不是Array.prototype的push方法，有人可能又要说了“内置对象是可以覆盖的，但是需要手动的为原型设置constructor，像这样constructor:Array”，好~，既然你们说了，那我们就再来看看：

var arr=[];
Array.prototype={
    constructor:Array,
    push:function(){
        alert("1");
    }
};
arr.push();    //毛也没输出啊

死心了吧，嘿嘿，这是内置构造器，不是我们自定义的构造器，所以该方法是行不通的

那么只有一个结论了，那就是“JS内置对象的原型不能整体覆盖，只能单独地动态地为原型添加属性或方法”，那么如何动态呢，就像这样：

//无论arr放到那，Array.prototype.push的上面或下面都可以，push都能覆盖Array原型的原push方法
var arr=[];
//这就是动态
Array.prototype.push=function(){
    alert("1");
}    
arr.push();    //此处提示“1”，有截图为证

 

结语：希望大家不要被我搞糊涂，如有错误，还请各位多多指教，在此谢过