Montag, 11. März 2013

Binding of CoffeeScripts Fat Arrow

Again this is a frequently asked questions on StackOverflow. I have already answered it there however I think its hard to find.
So I will reproduce it here again.

When does the fat arrow bind?

The fat arrow binds at 3 occasions
  • when declaring a method within a class
  • when declaring a function within a method or function
  • when declaring a function in global context

Declaring a method within a class

When the Coffeescript compiler encouters the following syntactical pattern within a class declaration
This will yield the following code within the constructor of class A
Within the constructor of A somemethod is now called via apply using _this.
So regardless which context you call somemethod it will allways use the creating instance as the execution context.

When declaring a function within a method or function

When you define a function with a fat arrow within a method or function the Coffeescript compiler automatically creates a closure and and shadows this of the outer method into the variable _this. Any reference to @ within the inner function will use the variable _this in the generated javascript code.
A definition of a function without the fat arrow doesn't create that closure for you.

When declaring a function in global context

If you define a free floating function (meaning as a method in a class and not within another function/method) just like this
Then the corresponding Javascript will look like this
The interesting thing here again is that this is being assigned to _this which enables the definition of foo to close over _this.
The important part however is that this is now always the global context of your execution environment. If you are in the browser it will be the window object. If you are running node.js it will be the module you are just running.
Warning: You shouldn't define any function accessing your global context anyway. This calls for trouble.
Did you find this entry useful? Please upvote it on StackOverflow.

Keine Kommentare:

Kommentar veröffentlichen