assigning a method to a var

[dr.bob]

Hello :)

why does

var gE = function(s){return document.getElementById(s);};
var foo = gE("foo");

work, while

var gE = document.getElementById;
var foo = gE("foo");

does not?

[dr.bob]

dr.bob wrote:

Hello :)

why does

var gE = function(s){return document.getElementById(s);};
var foo = gE("foo");

work, while

var gE = document.getElementById;
var foo = gE("foo");

does not?

well, read this the other way around ;-) it's no surprise to me
that the former works, but i expected the latter to work as well.
what am i getting wrong?

/dr.bob

[Michael Winter]

On 27/05/2005 12:15, dr.bob wrote:

why does

var gE = function(s){return document.getElementById(s);};
var foo = gE("foo");

work, while

var gE = document.getElementById;
var foo = gE("foo");

does not?

When you call a function as a method of an object, the this operator for
that function is set to the object. Perhaps an example will help:

var global = this, // References the global object, like window
object = new Object(),
myFunction;

object.myMethod = function() {
alert('this is:\n\nglobal (' + (this == global) + ')\n'
+ 'object (' + (this == object) + ')');
};
myFunction = object.myMethod;

/* Call as method */
object.myMethod(); // object will be true

/* Call as function */
myFunction(); // global will be true

Both function calls result in calling the same function, but you can see
that the value of the this operator is very different in each case.

Some methods will rely on the this operator to reference the object
correctly, otherwise they will fail. That is what you're observing.

Mike

--
Michael Winter
Replace ".invalid" with ".uk" to reply by e-mail.

[dr.bob]

Michael Winter wrote:

When you call a function as a method of an object, the this operator for
that function is set to the object. Perhaps an example will help:

var global = this, // References the global object, like window
object = new Object(),
myFunction;

object.myMethod = function() {
alert('this is:\n\nglobal (' + (this == global) + ')\n'
+ 'object (' + (this == object) + ')');
};
myFunction = object.myMethod;

/* Call as method */
object.myMethod(); // object will be true

/* Call as function */
myFunction(); // global will be true

Both function calls result in calling the same function, but you can see
that the value of the this operator is very different in each case.

Some methods will rely on the this operator to reference the object
correctly, otherwise they will fail. That is what you're observing.

Mike

aah thanks :) that was pretty clear (and fast :)

/dr.bob

[Grant Wagner]

"dr.bob" <dr**********@gmail.com> wrote in message
news:d7**********@h1.uw.edu.pl...

var gE = document.getElementById;
var foo = gE("foo");

does not?

well, read this the other way around ;-) it's no surprise to me
that the former works, but i expected the latter to work as well.
what am i getting wrong?

Actually, the latter does work in Internet Explorer.

An explanation of why is available at <url:
http://blogs.msdn.com/ericlippert/ar...20/231852.aspx />

So here's what happens when you say foo = document.write; First,
JScript attempts to resolve "document". It can't find a local or global
variable called that, so it asks the global window object for the
document property. IE gives back the document object. JScript then
asks the document object to give back the value of the write property.
IE creates an object which has a default method. The default method
calls the write function, but no one calls the method yet -- we just
have an object which, when invoked, will call the mehtod. JScript
assigns the object to foo. Then when you call foo("hello"); JScript
invokes the default method on the object, which calls the write method.

--
Grant Wagner <gw*****@agricoreunited.com>
comp.lang.javascript FAQ - http://jibbering.com/faq