Code snippets for ThoughtWorks Team Hug presentation - comparing JavaScript and CoffeeScript (part 1)

1a-object-definition.js

var myTeamHugSession = {
  title: "CoffeeScript", 
  time: {
    start: "2:30pm",
    finish: "3:30pm"
  }
};

1b-object-definition.coffee

myTeamHugSession =  
  subject: "CoffeeScript”  
  time:     
    start: "2:30pm”
    end: "3:30pm"

2a-function-definition.js

function startPresentation(subject) {
    alert("A presentation about " + subject + " is now starting!");
}

var startPresentation = function(subject) {
    alert("A presentation about " + subject + " is now starting!");
};

startPresentation("JavaScript");

2b-function-definition.coffee

startPresentation = (subject) ->
  alert "A presentation about " + subject + " is now starting!"

startPresentation "CoffeeScript"

3a-building-strings.js

var description = "This is a talk about " + myPresentation.subject + " by " + myPresentation.presenter + ". It will start at " + myPresentation.startTime + " and finish by " + myPresentation.endTime;

3b-building-strings.coffee

description = "This is a talk about #{myPresentation.subject} by #{myPresentation.presenter}. It will start at #{myPresentation.startTime} and finish by #{myPresentation.endTime}"

4a-accessing-this.js

var TeamHugPresentation = function(title, presenter) {

    this.getHeadline = function() {
        return title + " by " + presenter;
    };

    this.showHeadline = function() {
        alert(this.getHeadline());
    };

};

4b-accessing-this.coffee

class TeamHugPresentation

  constructor: (@title, @presenter) ->

  getHeadline: ->
    "#{@title} by #{@presenter}"

  showHeadline: ->
    alert(@getHeadline())

5a-return-from-function.js

function add(x, y) {
    return x + y;
}

5b-return-from-function.coffee

add: (x, y) ->
  x + y