В этом небольшом очерке мы разберемся, в чем основное отличие функций и методов в JavaScript.

Итак, функция существует сама по себе:

const bark = () => {
  console.log('wof!')
}

bark()

или

function bark() {
  console.log('wof!')
}

bark()

В свою очередь, метод - это функция, назначенная свойству объекта:

const dog = {
  bark: () => {
    console.log('wof!')
  }
}

dog.bark()

Метод имеет доступ к свойствам объекта, но только в случае, когда он является обычной функцией, а не стрелочной:

const dog = {
  name: 'Roger',
  bark: function() {
    console.log(`I am ${this.name}. wof!`)
  }
}

dog.bark()

Спасибо за внимание.