ES6とTypeScript、CoffeeScriptの比較

Person.coffee

### CoffeeScript ###
class Person
  # コンストラクタ & プロパティ
  constructor: (@name) ->

  # インスタンスメソッド
  greet: () ->
    console.log 'Hello, I\'m ' + this.name

  # スタティックメソッド
  @create: (name) ->
    return new Person(name)

window.Person = Person

Person.ts.js

/*
 * TypeScript
 */
// クラス定義
class Person {
  // プロパティ
  private name: string;

  // コンストラクタ
  constructor(name: string) {
    this.name = name;
  }

  // インスタンスメソッド
  greet(): void {
    console.log('Hello, I\'m ' + this.name);
  }

  // スタティックメソッド
  static create(name: string): Person {
    return new Person(name);
  }
}

Person_es6_.js

/*
 * EcmaScript 6
 */
// クラス定義
class Person {
  // コンストラクタ
  constructor(name) {
    // プロパティ
    this.name = name;
  }

  // インスタンスメソッド
  greet() {
    console.log('Hello, I\'m ' + this.name);
  }

  // スタティックメソッド
  static create(name) {
    return new Person(name);
  }
}