JSFiddle - React, Tailwind, and code Playground

by arbaazshaikh919

HTML

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Custom Bind Function</title>
</head>
<body>
<h1>
  Custom bind function
</h1>
</body>
</html>

JavaScript

let name = {
  firstName : 'Shaikh',
  lastName: 'Arbaaz'
}

var printName = function(city, state, country){
  console.log('Name ' + this.firstName +' '+ this.lastName+' , '+city +' , '+ state +' , '+ country)
}

var myName = printName.bind(name, 'Udupi', 'Karnataka', 'India');
myName(name)

Function.prototype.myBind = function(...args){
  return function(...args2){
    var obj = this, params = args.slice(1);
    obj.apply(args[0], [...params, ...args]);
  }
}

var myName2 = printName.myBind(name, 'Udupi', 'Karnataka', 'India')
myName(myName2)