Calling a function in coffeescript from inline script

Question

I have defined a function in the coffeescript file as:

showAlert = () ->
  alert("asdfsd")

And from view i call this function as:

:javascript
  jQuery(function(){
   showAlert();
  });

But the function is not triggering. What is wrong here?

@alex yes! when I remove the function and put the code inside jQuery function. — Jamal Abdul Nasir
– Jamal Abdul Nasir, Commented Jul 28, 2013 at 12:24

Daniel Wright · Accepted Answer · 2013-07-28 12:39:11Z

1

This is because Coffeescript automatically wraps its transpiled Javascript output in an Immediately-Invoked Function Expression (IIFE), which means any functions you declare within a Coffeescript block are not in the global scope. Thus, your jQuery block can't find the showAlert function, because it doesn't exist in a scope/closure your jQuery block can access.

What you can do (though I'm not sure it's a great idea) is declare your "global" function on the window namespace:

window.showAlert = -> alert('asdfasdf')

And invoke it from your jQuery block:

javascript:
  jQuery(function($){
    window.showAlert();
  });

This will work because the window namespace is available in all (browser) scopes.

answered Jul 28, 2013 at 12:39

Daniel Wright

4,6042 gold badges30 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Calling a function in coffeescript from inline script

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related