A function lives on its own:
const bark = () => {
console.log('wof!')
}
bark()
or
function bark() {
console.log('wof!')
}
bark()
A method is a function assigned to an object property:
const dog = {
bark: () => {
console.log('wof!')
},
}
dog.bark()
The method can access the object properties, but only when it’s a regular function, not an arrow function:
const dog = {
name: 'Roger',
bark: function () {
console.log(`I am ${this.name}. wof!`)
},
}
dog.bark()
Download my free JavaScript Beginner's Handbook and check out my JavaScript Masterclass!