16

I understand the difference in behavior. Date() returns a String representing the current date, and new Date() returns an instance of the Date object whose methods I can call.

But I don't know why. JavaScript is prototyped, so Date is a function and an object which has member functions (methods) which are also objects. But I haven't written or read any JavaScript that behaves this way, and I'd like to understand the difference.

Can somebody show me some sample code of a function that has a method, returns an instance with the new operator, and outputs a String when called directly? i.e. how does something like this happen?

Date();                   // returns "Fri Aug 27 2010 12:45:39 GMT-0700 (PDT)"
new Date();               // returns Object
new Date().getFullYear(); // returns 2010
Date().getFullYear();     // throws exception!

Very specific request, I know. I hope that's a good thing. :)

4
  • 5
    Re why: it's an unfortunate hangover from the original JavaScript implementation that made it into the ECMAScript spec: bclary.com/2004/11/07/#a-15.9.2 Aug 27, 2010 at 20:06
  • Ooh! Thanks. I love context and history. That's good why. :) Aug 27, 2010 at 20:09
  • Thanks @Crescent. I've incorporated this into my answer for completeness.
    – Ben Zotto
    Aug 27, 2010 at 20:14
  • 1
    YAY, TEAMWORK! Thanks guys. I really get this now. Aug 27, 2010 at 23:38

2 Answers 2

5

Most of this is possible to do yourself. Calling the bare constructor without new and getting a string is special for Date per the ECMA spec, but you can simulate something similar for that.

Here's how you'd do it. First declare an object in the constructor pattern (e.g. a function that is intended to be called with new and which returns its this reference:

var Thing = function() {
    // Check whether the scope is global (browser). If not, we're probably (?) being
    // called with "new". This is fragile, as we could be forcibly invoked with a 
    // scope that's neither via call/apply. "Date" object is special per ECMA script,
    // and this "dual" behavior is nonstandard now in JS. 
    if (this === window) { 
        return "Thing string";
    }

    // Add an instance method.
    this.instanceMethod = function() {
        alert("instance method called");
    }

    return this;
};

New instances of Thing can have instanceMethod() called on them. Now just add a "static" function onto Thing itself:

Thing.staticMethod = function() {
    alert("static method called");
};

Now you can do this:

var t = new Thing(); 
t.instanceMethod();
// or...
new Thing().instanceMethod();
// and also this other one..
Thing.staticMethod();
// or just call it plain for the string:   
Thing();
3
  • But Thing() doesn't do anything in a static context. Does Date just detect whether its being called in a static context and return a String instead of an Object? If so, how? Aug 27, 2010 at 20:04
  • See update. That's a great question. Per @Crescent's comment on the original question, it looks like Date is special. You can achieve something like this yourself as above, but please don't. It's not a common usage idiom in JS.
    – Ben Zotto
    Aug 27, 2010 at 20:07
  • You might want to add a little to the comment for future viewers? Like "invoked with a scope that's neither, such as with .map() or .apply()" Thanks again! Aug 27, 2010 at 20:08
-1

new is a keyword in Javascript (and others) to create a new instance of an object.
Possibly duplicate of What is the 'new' keyword in JavaScript?.
See also this article: http://trephine.org/t/index.php?title=Understanding_the_JavaScript_new_keyword

2
  • Just a guess here, but I don't think the issue here is that new will return and object. Rather it is the fact that Date() can be called without first creating an instance. (for limited usage, I admit) To get the full date functionality, you need to create an instance with new.
    – Tom
    Aug 27, 2010 at 20:01
  • 1
    I know what new does (and I think I made this clear in my question). I don't know why the function behaves differently when called as a constructor and as a static function. I want to know the syntax that causes this distinction. Aug 27, 2010 at 20:04

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.