6 ms·

There has been a development of hate towards CoffeeScript in most JavaScript communities. CoffeeScript seems to be very popular in the non-JS communities that n

by L8D 13y ago

There has been a development of hate towards CoffeeScript in most JavaScript communities. CoffeeScript seems to be very popular in the non-JS communities that need to write JavaScript, like in the Ruby and Python web development communities. CoffeeScript was designed for non-JS coders to feel a lot more comfortable writing JS.

neals 13y ago
I had no idea it was like that. I must say I have never used it, I write most of my JS with HAXE. But hating it seems silly.
untog 13y ago
CoffeeScript was designed for non-JS coders to feel a lot more comfortable writing JS. I'm not so sure about that. I use it as an experienced JS developer because it makes a lot of needlessly complex JS operations simpler. Most of those are features in ES6, so it may well go out of vogue then - I've played around a little and may well end up returning to JavaScript at that point.
- L8D 13y ago
  The thing about CoffeeScript is that it makes it a ton easier to reason about doing operations like default arguments, pattern matching or expressive for loops. When you don't see the messy code generated from its syntactic sugar, you don't think its a problem. But when it comes to best practices, long term decisions and performance, CoffeeScript will stab you in the back. The original reason for hatred towards CS in the Node community was when module written in CS started showing up on npm. If someone was trying to debug something and hunt down a problem to your module, they can't really read the code generated by CS(because it really does become a mess unless you don't abuse the syntactic sugar), and you can't debug the CS code. Another problem occurs when you're trying to setup a sane build system for your project. It can become really tedious to use the entire build system every time you want to run your code, and even more to setup everything correctly with source maps, stack traces, minifying, etc. Just about every other module that deals with the code you write will support CS, so in many cases it is the deciding factor in which modules or libraries to use. The original reason for me to dislike CS was because the first team I worked with using CS made so many different style choices about the code that it become unreadable. Some people wanted to use the syntactic sugar sparingly, others would use it and put everything in one line. Take this for example: # print all lines given pall = (lines...) -> console.log line for line in lines Someone might write the function like that so that it would fit on one line and be easier to call. But as it turns out, there is a lot more than meets the eye. This is the generated code: var pall, __slice = [].slice; pall = function() { var line, lines, _i, _len, _results; lines = 1 <= arguments.length ? __slice.call(arguments, 0) : []; _results = []; for (_i = 0, _len = lines.length; _i < _len; _i++) { line = lines[_i]; _results.push(console.log(line)); } return _results; }; Which in that case, you might as well skip CoffeeScript's for loop and do an ES5 `Array.protocal.map` call, which will do the same thing, and can be optimized a lot further by the engine. # print all pall = (lines...) -> lines.map (line) -> console.log(line) Which, in V8, can be shortened down to: # print all pall = (lines...) -> lines.map console.log That skips the whole array generation part and is much more concise and up to ES5 standards. But there are still a few more problems with the code. Look at what it generates: var pall, __slice = [].slice; pall = function() { var lines; lines = 1 <= arguments.length ? __slice.call(arguments, 0) : []; return lines.map(console.log); }; See a problem? We could skip the entire first two lines by calling `Array.prototype.map` directly on the arguments. But also, we've forgotten that we never needed to 'map' over the array in the first place, because we know that `console.log` will return `undefined`. I just stuck with using map over `.forEach` so it would match CoffeeScript's 'always return something' rule, and it would be ugly to have an empty handing `return` at the end. So instead, we should probably write the function like so: # print all pall = -> Array::forEach.call arguments, console.log This is all in all the best of all the other code, because it generates the optimal representation in JS. If you wrote code like what CS generates, then you could see and make out a ton of flaws before hand, but who dare questions the power of CS and inspects the generated code? But none the less, if you were to write your CS like that, there would be no point in CS. Still, if you wanted to cleanest possible code to be generated, you'd need to put one of those annoying empty returns at the end of the function. pall = -> Array::forEach.call arguments, console.log return
  - jacobolus 13y ago
    Actually, the original version, something like: pall = (lines...) -> (console.log line) for line in lines return Is going to get you much better performance in JavaScript than using the forEach method.
  - smrtinsert 13y ago
    Much ado about nothing. CoffeeScript performance in general is a lot better due to non emulated foreach constructs which plague javascript today. Like noted there are ways of teasing the compiler in generating very friendly looking js code, but honestly if you are tripped up by a simple for loop in coffeescript maybe looking at code isn't your cup of tea.
  - nickfargo 13y ago
    Pretty big rush to judgement. Slice off a copy of the arguments if you need them, but pall = -> console.log line for line in arguments; return would have done just fine there. One can be annoyed by `return` in tail position, or delighted by invocations-as-expressions. But not both. It's ok to choose the latter. :-) Also, `console.log` is not a fit for map, forEach, et al. Check the parameters.
yapcguy 13y ago
Like the Node.js community, when they're not busy fighting themselves over gender pronouns.
- tethis 13y ago
  Ooh, is there a story behind this one?
  - dmpk2k 13y ago
    Only if stupid drama is your thing. There are some things best left alone.
- 1stop 13y ago
  Python: fork my dongle Ruby: _why hates you, and you're all just ghetto anyway Nodejs: he and she are bad words.
barrkel 13y ago
I don't mind what it does to improve the class model, but I dislike how it breaks certain C idioms. It's very awkward to write an expressive loop, for example.
Mikechaos 13y ago
I'm also not so sure about the "non-JS coders" part. As a proficient Javascript programmer, I absolutely love CoffeeScript. I even recommand it to learn the good parts of JS when you are completely unfamiliar with it. I think there is a lot more than synctactic sugar to Coffeescript. It makes obscur or verbose JS patterns really easy to use. My code generally compiles down to up to twice as much JS code. Yes the compiler outputs somewhat verbose JS, but I can't deny the speed and ease I've gain with it. And it is only my first professional project using it.
- L8D 13y ago
  What speed and ease to you gain with it? CoffeeScript won't get you any performance; if any, less. Making obscure or verbose patterns easier to use is syntactic sugar. Part of the thing about CoffeeScript, is that there are more bad parts that it introduces than prevents. Cleaning up the class model is generally not a good thing, since JavaScript isn't designed to have true OOP principles. Things like it's expressive for loops and default arguments generate really ugly code, and shun people from using ES5 array methods like .forEach, .map, and .filter, which are a lot cleaner and more optimizable by the engine. If you're ever trying to check the existence of a variable, then you've already probably made a bad design choice; but you won't realize it because CoffeeScript encourages the pattern. Also, CoffeeScript will completely obscure the way JavaScript works to newcomers, and will confuse them and encourage them to use the syntactic sugars in place. The syntactic shortcuts were originally there to make it easier for those who really needed to use the nasty things to achieve it. Now, a CS user would use them because they're there. If you teach a ruby programmer CoffeeScript in order to introduce them to JavaScript, they're not going to be able to know the differences well enough to appreciate and understand them.
  - epidemian 13y ago
    > Part of the thing about CoffeeScript, is that there are more bad parts that it introduces than prevents. I'm not sure about that; it prevents many of JS's ugly quirks: http://arcturo.github.io/library/coffeescript/07_the_bad_parts.html http://arcturo.github.io/library/coffeescript/07_the_bad_par... ;) > Cleaning up the class model is generally not a good thing, since JavaScript isn't designed to have true OOP principles. I really don't understand this. What does "true OOP principles" mean? Objects are so central to JavaScript that it has a concise syntax for object literals. It even goes to the extent of having a dynamic "this" to let any function work as a method in an object. It has its rough edges (like primitives), yes, but they don't make it a non "true OO" language (whatever that means) IMO. > [...] it's expressive for loops [...] shun people from using ES5 array methods like .forEach, .map, and .filter, which are a lot cleaner and more optimizable by the engine. Thay are cleaner in the compiled JS, but Coffee's for loops are quite clean too, and they don't require a nested closure ;) And, although i would also like native Array#forEach et al to be faster than manual for loops, that hasn't been the case in modern JS VMs: http://jsperf.com/for-vs-foreach/75 http://jsperf.com/for-vs-foreach/75
vectorpush 13y ago
There has been a development of hate towards CoffeeScript in most JavaScript communities. This is FUD. CoffeeScript is JavaScript, and if you come into CoffeeScript thinking it works like ruby just because it looks like ruby then you're in for a rude awakening. Personally, I'm a fan of CoffeeScript's streamlined syntax compared to JavaScript. For example: describe 'when the universe exists', -> it 'should be active', -> expect(universe.active).toBe true vs describe('when the universe exists', function(){ it('should be active', function(){ expect(universe.active).toBe(true); }); }); It's no surprise that newcomers are sometimes inclined towards CoffeeScript since one the biggest obstacles for a budding javascript programmer is the seemingly incomprehensible labyrinth of brackets, parenthesis and semicolons (not to mention the confusion that ASI adds to the picture) that one must endure to grok the language. Of course, it's not really that hard to understand, but CoffeeScript filters out a lot of "syntax" making it easier for a newcomer to tackle the meat of the application. Less is more.
- nickfargo 13y ago
  And moreover, describe 'syntax after upgrading', -> it 'should be even meatier', -> expect parentheses.required .toBe false Very tidy.
- andreypopp 13y ago
  You can get even nicer and more useful (due to generated assertion messages) with Sweet.js macros (https://github.com/andreypopp/sweet-assertions https://github.com/andreypopp/sweet-assertions) describe 'when the universe exists' { it 'should be active' { universe.active should be true } } The pre-generated assertion messages means you get `universe.active should be true` in case of error which includes actual source of the expression.
ben336 13y ago
Sources? Examples? Where are you getting this from?
smrtinsert 13y ago
This is laughable. CoffeeScript makes JavaScript look silly frankly. Preferring JS to CS is like preferring addition to multiplication.

by L8D 13y ago

neals 13y ago

I had no idea it was like that. I must say I have never used it, I write most of my JS with HAXE. But hating it seems silly.

untog 13y ago

CoffeeScript was designed for non-JS coders to feel a lot more comfortable writing JS. I'm not so sure about that. I use it as an experienced JS developer because it makes a lot of needlessly complex JS operations simpler. Most of those are features in ES6, so it may well go out of vogue then - I've played around a little and may well end up returning to JavaScript at that point.

L8D 13y ago
The thing about CoffeeScript is that it makes it a ton easier to reason about doing operations like default arguments, pattern matching or expressive for loops. When you don't see the messy code generated from its syntactic sugar, you don't think its a problem. But when it comes to best practices, long term decisions and performance, CoffeeScript will stab you in the back. The original reason for hatred towards CS in the Node community was when module written in CS started showing up on npm. If someone was trying to debug something and hunt down a problem to your module, they can't really read the code generated by CS(because it really does become a mess unless you don't abuse the syntactic sugar), and you can't debug the CS code. Another problem occurs when you're trying to setup a sane build system for your project. It can become really tedious to use the entire build system every time you want to run your code, and even more to setup everything correctly with source maps, stack traces, minifying, etc. Just about every other module that deals with the code you write will support CS, so in many cases it is the deciding factor in which modules or libraries to use. The original reason for me to dislike CS was because the first team I worked with using CS made so many different style choices about the code that it become unreadable. Some people wanted to use the syntactic sugar sparingly, others would use it and put everything in one line. Take this for example: # print all lines given pall = (lines...) -> console.log line for line in lines Someone might write the function like that so that it would fit on one line and be easier to call. But as it turns out, there is a lot more than meets the eye. This is the generated code: var pall, __slice = [].slice; pall = function() { var line, lines, _i, _len, _results; lines = 1 <= arguments.length ? __slice.call(arguments, 0) : []; _results = []; for (_i = 0, _len = lines.length; _i < _len; _i++) { line = lines[_i]; _results.push(console.log(line)); } return _results; }; Which in that case, you might as well skip CoffeeScript's for loop and do an ES5 `Array.protocal.map` call, which will do the same thing, and can be optimized a lot further by the engine. # print all pall = (lines...) -> lines.map (line) -> console.log(line) Which, in V8, can be shortened down to: # print all pall = (lines...) -> lines.map console.log That skips the whole array generation part and is much more concise and up to ES5 standards. But there are still a few more problems with the code. Look at what it generates: var pall, __slice = [].slice; pall = function() { var lines; lines = 1 <= arguments.length ? __slice.call(arguments, 0) : []; return lines.map(console.log); }; See a problem? We could skip the entire first two lines by calling `Array.prototype.map` directly on the arguments. But also, we've forgotten that we never needed to 'map' over the array in the first place, because we know that `console.log` will return `undefined`. I just stuck with using map over `.forEach` so it would match CoffeeScript's 'always return something' rule, and it would be ugly to have an empty handing `return` at the end. So instead, we should probably write the function like so: # print all pall = -> Array::forEach.call arguments, console.log This is all in all the best of all the other code, because it generates the optimal representation in JS. If you wrote code like what CS generates, then you could see and make out a ton of flaws before hand, but who dare questions the power of CS and inspects the generated code? But none the less, if you were to write your CS like that, there would be no point in CS. Still, if you wanted to cleanest possible code to be generated, you'd need to put one of those annoying empty returns at the end of the function. pall = -> Array::forEach.call arguments, console.log return
- jacobolus 13y ago
  Actually, the original version, something like: pall = (lines...) -> (console.log line) for line in lines return Is going to get you much better performance in JavaScript than using the forEach method.
- smrtinsert 13y ago
  Much ado about nothing. CoffeeScript performance in general is a lot better due to non emulated foreach constructs which plague javascript today. Like noted there are ways of teasing the compiler in generating very friendly looking js code, but honestly if you are tripped up by a simple for loop in coffeescript maybe looking at code isn't your cup of tea.
- nickfargo 13y ago
  Pretty big rush to judgement. Slice off a copy of the arguments if you need them, but pall = -> console.log line for line in arguments; return would have done just fine there. One can be annoyed by `return` in tail position, or delighted by invocations-as-expressions. But not both. It's ok to choose the latter. :-) Also, `console.log` is not a fit for map, forEach, et al. Check the parameters.

yapcguy 13y ago

Like the Node.js community, when they're not busy fighting themselves over gender pronouns.

tethis 13y ago
Ooh, is there a story behind this one?
- dmpk2k 13y ago
  Only if stupid drama is your thing. There are some things best left alone.
1stop 13y ago
Python: fork my dongle Ruby: _why hates you, and you're all just ghetto anyway Nodejs: he and she are bad words.

barrkel 13y ago

I don't mind what it does to improve the class model, but I dislike how it breaks certain C idioms. It's very awkward to write an expressive loop, for example.

Mikechaos 13y ago

I'm also not so sure about the "non-JS coders" part. As a proficient Javascript programmer, I absolutely love CoffeeScript. I even recommand it to learn the good parts of JS when you are completely unfamiliar with it. I think there is a lot more than synctactic sugar to Coffeescript. It makes obscur or verbose JS patterns really easy to use. My code generally compiles down to up to twice as much JS code. Yes the compiler outputs somewhat verbose JS, but I can't deny the speed and ease I've gain with it. And it is only my first professional project using it.

L8D 13y ago
What speed and ease to you gain with it? CoffeeScript won't get you any performance; if any, less. Making obscure or verbose patterns easier to use is syntactic sugar. Part of the thing about CoffeeScript, is that there are more bad parts that it introduces than prevents. Cleaning up the class model is generally not a good thing, since JavaScript isn't designed to have true OOP principles. Things like it's expressive for loops and default arguments generate really ugly code, and shun people from using ES5 array methods like .forEach, .map, and .filter, which are a lot cleaner and more optimizable by the engine. If you're ever trying to check the existence of a variable, then you've already probably made a bad design choice; but you won't realize it because CoffeeScript encourages the pattern. Also, CoffeeScript will completely obscure the way JavaScript works to newcomers, and will confuse them and encourage them to use the syntactic sugars in place. The syntactic shortcuts were originally there to make it easier for those who really needed to use the nasty things to achieve it. Now, a CS user would use them because they're there. If you teach a ruby programmer CoffeeScript in order to introduce them to JavaScript, they're not going to be able to know the differences well enough to appreciate and understand them.
- epidemian 13y ago
  > Part of the thing about CoffeeScript, is that there are more bad parts that it introduces than prevents. I'm not sure about that; it prevents many of JS's ugly quirks: http://arcturo.github.io/library/coffeescript/07_the_bad_parts.html http://arcturo.github.io/library/coffeescript/07_the_bad_par... ;) > Cleaning up the class model is generally not a good thing, since JavaScript isn't designed to have true OOP principles. I really don't understand this. What does "true OOP principles" mean? Objects are so central to JavaScript that it has a concise syntax for object literals. It even goes to the extent of having a dynamic "this" to let any function work as a method in an object. It has its rough edges (like primitives), yes, but they don't make it a non "true OO" language (whatever that means) IMO. > [...] it's expressive for loops [...] shun people from using ES5 array methods like .forEach, .map, and .filter, which are a lot cleaner and more optimizable by the engine. Thay are cleaner in the compiled JS, but Coffee's for loops are quite clean too, and they don't require a nested closure ;) And, although i would also like native Array#forEach et al to be faster than manual for loops, that hasn't been the case in modern JS VMs: http://jsperf.com/for-vs-foreach/75 http://jsperf.com/for-vs-foreach/75

vectorpush 13y ago

There has been a development of hate towards CoffeeScript in most JavaScript communities. This is FUD. CoffeeScript is JavaScript, and if you come into CoffeeScript thinking it works like ruby just because it looks like ruby then you're in for a rude awakening. Personally, I'm a fan of CoffeeScript's streamlined syntax compared to JavaScript. For example: describe 'when the universe exists', -> it 'should be active', -> expect(universe.active).toBe true vs describe('when the universe exists', function(){ it('should be active', function(){ expect(universe.active).toBe(true); }); }); It's no surprise that newcomers are sometimes inclined towards CoffeeScript since one the biggest obstacles for a budding javascript programmer is the seemingly incomprehensible labyrinth of brackets, parenthesis and semicolons (not to mention the confusion that ASI adds to the picture) that one must endure to grok the language. Of course, it's not really that hard to understand, but CoffeeScript filters out a lot of "syntax" making it easier for a newcomer to tackle the meat of the application. Less is more.

nickfargo 13y ago
And moreover, describe 'syntax after upgrading', -> it 'should be even meatier', -> expect parentheses.required .toBe false Very tidy.
andreypopp 13y ago
You can get even nicer and more useful (due to generated assertion messages) with Sweet.js macros (https://github.com/andreypopp/sweet-assertions https://github.com/andreypopp/sweet-assertions) describe 'when the universe exists' { it 'should be active' { universe.active should be true } } The pre-generated assertion messages means you get `universe.active should be true` in case of error which includes actual source of the expression.

ben336 13y ago

Sources? Examples? Where are you getting this from?

smrtinsert 13y ago

This is laughable. CoffeeScript makes JavaScript look silly frankly. Preferring JS to CS is like preferring addition to multiplication.