Javascript覆盖/添加原型的方法

Question

Basically, I want to know how/what's the difference between overriding/adding methods on instances of objects vs methods on the 'Class' instance of JS objects (yes class isn't the right word, not sure what is though).

For example, why doesn't this work?

Date.prototype.now= function (){
    return 23;
}

$('#foo').append(Date.now());    

And yet, this does?

Array.prototype.indexOf = function(){
    return 23;
}
var bar = Array();
bar[0] = "a";
$('#bar').append(bar.indexOf("a"));

http://jsfiddle.net/tad604/fMWKA/2/

Answer 1

now is a static method on Date . It is not an instance method; not defined on Date.prototype to begin with. It is defined directly on the Date object. When you write

Date.prototype.now = function () {
    return 23;
}

you are not actually overwriting the function called by Date.now() .

---

On the other hand, indexOf for arrays is an instance method. That is, it's defined on Array.prototype , so when you write

Array.prototype.indexOf = function(){
    return 23;
};

you are in fact changing the indexOf function called by

var bar = [];
bar.indexOf('a');

---

See the difference? http://jsfiddle.net/mattball/7qVQy/

---

I recommend reading about the JavaScript prototype lookup chain , which should clarify some of your confusion.

Answer 2

You are calling the static Date object and not it's constructor. from MDN ,

Invoking JavaScript Date in a non-constructor context (ie, without the new operator) will return a string representing the current time.

Try this instead http://jsfiddle.net/fMWKA/4/

Answer 3

true what MДΓΓ БДLL said. Just for educational purposes, you could create a new instance of Date and therefore use the method declared in the prototype.

Date.prototype.now = function() {
  return 23;
}
Date = new Date();
document.write(Date.now());

http://jsfiddle.net/n9h4y/