JS binding, passing arguments at bind time and call time example

js-bind-with-bind-and-call-args-example.js

function Dog(name, breed) {
	this.name = name;
	this.breed = breed;
}

Dog.prototype.sayHello = function(sound1, sound2) {
	console.log(`The dog ${this.name}, a ${this.breed}, says Hello! And makes sounds ${sound1} and ${sound2}`)
}

function Cat(name, breed) {
	this.name = name;
	this.breed = breed;
}

let cat = new Cat("Salem", "calico")

//Let's "steal" the Dog's sayHello() method by using bind()
let catBurgler_1 = Dog.prototype.sayHello.bind(cat, "meow", "boo");	//Both arguments passed at bind time
let catBurgler_2 = Dog.prototype.sayHello.bind(cat, "meow");		//One argument passed at bind time, the other at call time
let catBurgler_3 = Dog.prototype.sayHello.bind(cat);				//Both arguments passed at call time

catBurgler_1()				//The dog Salem, a calico, says Hello! And makes sounds meow and boo
catBurgler_2("boo") 		//The dog Salem, a calico, says Hello! And makes sounds meow and boo
catBurgler_3("meow", "boo") //The dog Salem, a calico, says Hello! And makes sounds meow and boo