JavaScriptでのメソッド定義備忘録

忘れそうなのJavaScript Primer 第8章 関数と宣言のメモ

オブジェクトのプロパティである関数をメソッドと呼ぶ。 関数とメソッドは機能的に違いはない。JavaScript Primerでは区別するために、オブジェクトのプロパティである関数はメソッドと定義している。

const obj = {
  method1: function () {
    return "functionメソッドでmethod1を定義"
  },
  method2: () => {
    return "arrow functionでmethod2を定義"
  }
}

console.log(obj.method1())
console.log(obj.method2())

なお、ES2015からメソッドを短縮して書くことができる。 クラスメソッドでも共通の書き方なので、メソッドを定義する場合は短縮記法に統一した方が良いらしい。

const obj = {
  method1() {
    return "短縮記法で書いてみた"
  }
}

console.log(obj.method1())

たしかVue.jsで「なんでメソッドの書き方違うんだろう？」と昔疑問に思ったけど、短縮してただけだったのか。。。

参考

JavaScript Primer - 書籍版

JavaScript Primer - ウェブ版