第9回つぶやき勉強会 ~ JS がどんどん楽しくなるクラス ~

以前に ruby で書いたクラスサンプルを JS で書き直す問題を出しました。以下のようなものです。

---

rubyの場合

class Person
  def initialize(name)
    @name = name
  end
  def greet
    "My name is #{@name}"
  end
end

person = Person.new("Terada")
person.greet # => "My name is Terada"

---

従来のJavaScript

function Person(name){
  this.name = name
  this.greet = function(){ 
                 return "My name is " + this.name
               }
}
person = new Person("Terada");
person.greet(); // => "My name is Terada"

上を、ES2015からつかえる class 構文をつかって書き直してみます。

---

ES2015の場合

class Person {
  constructor(name) {
    this.name = name
  }
  greet() {
    return "My name is " + this.name
  }
}
const person = new Person("Terada")
person.greet()

どんどん楽しくなりますね。