JS分享：简单了解下call、apply和bind() 的用法和区别

  <script>
    function fn(a, b) {
      console.log(this, a + b);
    };
    fn(1, 2); //window
 
    const obj = {
      name: '张三',
    };
 
    let newfn = fn.bind(obj); //obj
    newfn(5, 6);
  </script>

(3)修改this的性质不同：

        call、apply只是临时的修改一次，也就是call和apply方法的那一次；当再次调用原函数的时候，它的指向还是原来的指向。

  <script>
    function fn() {
      console.log(this);
    };
    fn(); //window
 
    const obj = {
      name: '张三',
    };
 
    fn.call(obj);
    fn.apply(obj);
    fn();
  </script>

bind是永久修改函数this指向，但是它修改的不是原来的函数；而是返回一个修改过后新的函数，此函数的this永远被改变了，绑定了就修改不了。

  <script>
    function fn() {
      console.log(this);
    };
    fn(); //window
 
    const obj = {
      name: '张三',
    };
 
    let newfn = fn.bind(obj); //obj
    newfn();
    fn();
  </script>

区别

call 第二个参数开始可以接收任意个参数，将会作为参数传入function，apply只能接受两个参数，第二个参数只能是数组

调用call和apply方法会立即执行。

call 、bind 、 apply 这三个函数的第一个参数都是 this 的指向对象，第二个参数差别就来了：

call 的参数是直接放进去的，第二第三第 n 个参数全都用逗号分隔，直接放到后面  obj.myFun.call(db,'成都', ... ,'string' )。

apply 的所有参数都必须放在一个数组里面传进去 obj.myFun.apply(db,['成都', ..., 'string' ])。

bind 除了返回是函数以外，它 的参数和 call 一样。

当然，三者的参数不限定是 string 类型，允许是各种类型，包括函数 、 object 等等！