码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2016-04-01 12:42:06      阅读:204      评论:0      收藏:0      [点我收藏+]

标签:

昨天马上就快下班了,坐在我对面的同事突然问我一个问题,我说“爱过”,哈哈,开个玩笑。情况是这样的,他发现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”,有截图为证

技术分享

 

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

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

标签:

原文地址:http://www.cnblogs.com/webjoker/p/5344262.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!