migrating to coffeescript from javascript and proper using of objects

Question

I am quite new to coffeescript, although I want to learn in order to optimize my workflow in the future.

The problem is that I am missing out some concepts, for example

var foo = {
    init: function() {
        this.ui.build();
        this.bindEvents(); 
    },
    bindEvents: function() {}
    ...
}

$('document').ready(function(){
    foo.init();
})

translated like this in coffeescript

foo = 
  init: ->
    @.ui.build();
    @.bindEvents();
  bindEvents: ->
  ...
  ...

$('document').ready(->
   foo.init();
)

What did I do wrong? What are your suggestions in my way of creating objects?

Seems to work fine for me: jsbin.com/ipugin/1/edit. Maybe the problem is in the code you didn't code. — Felix Kling
– Felix Kling, Commented Jun 9, 2013 at 18:41
Are your foo = ... and $(document).ready(...) in different files? — mu is too short
– mu is too short, Commented Jun 9, 2013 at 18:42
i got a problem in my code, my bad.. but the answer below suffice to answer my question. — Joey Hipolito
– Joey Hipolito, Commented Jun 9, 2013 at 18:51

Patryk Ziemkowski · Accepted Answer · 2013-06-09 18:36:26Z

1

Coffescript allows you to define classes.

class Foo
    constructor: ->
      @ui.build()
      @bindEvents()
    bindEvents: ->
    ...
    ...



$('document').ready () ->
   foo = new Foo

You shouldnt use @.field notation. Use @field instead.

answered Jun 9, 2013 at 18:36

Patryk Ziemkowski

1,51012 silver badges27 bronze badges

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

Collectives™ on Stack Overflow

migrating to coffeescript from javascript and proper using of objects

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