Redefining value of $ (jQuery)

Question

I have created custom function with function name as $.

function $(){
    alert("Test");
}

jQuery(function(){
    alert($);
});

When I run this, I get the function body in the alert. But, when I debug this code, on keeping the break-point at alert($) in the browser(Chrome), I also get alert("Test") before the function body.

The same behavior is reproducible on the JSFiddle.

Can someone explain this behavior?

enter image description here

I don't know what you mean by `I also get alert("Test") before the function body` ?? If you mean an alert with _Test_ shows, it doesn't for me. — gideon, Jun 14 '13 at 08:31
@wizkid I see. Are you by any chance invoking the `$` function in the console or something? This seems pretty weird. — gideon, Jun 14 '13 at 08:33
Following your edit, i better understood what you mean, this is not expected behaviour — A. Wolff, Jun 14 '13 at 08:33
I cannot reproduce your issue. What give you console.log($); ? — A. Wolff, Jun 14 '13 at 08:36
try this link http://stackoverflow.com/questions/1302428/what-does-jquery-actually-return — CodeHunter, Jun 14 '13 at 08:39

mishik · Answer 1 · 2013-06-14T08:29:16.170

You have a function named $. When executing alert($) you are effectively telling browser to show function $ in the alert window, which it does. $ is not specific here, same will work with abc function:

function abc(){
    alert("Test");
}
jQuery(function(){
    alert(abc);
});

If done like this:

function abc(){
    alert("Test");
}
jQuery(function(){
    alert(abc());
});

It will first run abc() and display "Test", then it will display the result of abc(), which is undefined.

Redefining value of $ (jQuery)

1 Answers1