JS_CALLvsAPPLYvsBind.js

/**
* Explanation with an interview example from real life
* Call invokes the function and allows you to pass in arguments one by one.
* Apply invokes the function and allows you to pass in arguments as an array.
* Bind returns a new function, allowing you to pass in a this array and any number of arguments.
**/

// Call - Example
const callSomeone = (name, callback) => {
	const innerMessage= {
  	message: name + ' Hi Mothafucka'
  }
	callback.call(innerMessage)
}

function telephone (name) {
	
  return callSomeone(name, function () {
  	console.log(this.message)
  })
  
}

telephone('Anibal')

// Apply - Example
const callSomeone = (name, callback) => {
	const innerMessage= {
  	message: name + ' Hi Mothafucka'
  }
	callback.apply(innerMessage)
}

function telephone (name) {
	
  return callSomeone(name, function () {
  	console.log(this.message)
  })
  
}

telephone('Anibal')

// Bind - example
const callSomeone = (name, callback) => {

	const innerMessage= {
  	message: name + ' Hi Mothafucka'
  }
	callback.bind(innerMessage)()
}

function telephone (name) {
	
  return callSomeone(name, function () {
  	console.log(this.message)
  })
  
}

telephone('Anibal')