call、apply、bind的用法和区别

1.call、apply、bind都是Function.prototype的方法，所以每个函数都有call、apply、bind属性。
2.call、apply、bind的作用都可改变函数内部的this指向

一、call、apply下面采用一段代码说明二者的作用

    function Cat() {
      this.name = 'coco'
      this.say = function (age, sex) {
        console.log('my name is ' + this.name + ', sex is ' + sex + ', age is ' + age)
      }
    }
    
    function Mouse(name){
       this.name = name
    }
    
    const cat = new Cat()
    const mouse = new Mouse('Tom')

    cat.say.call(mouse,28,'男') 
    cat.say.apply(mosue,[28,'男'])
    // my name is Tom, sex is 男, age is 28
    // my name is Tom, sex is 男, age is 28
  

这里我定义了两个构造函数，Cat和Mouse,然后实例化出两个对象cat和mouse，cat.say里面的this本来是指向实例cat的，但这里使用了属性call和apply，使cat实例里面this指向了mouse，所以this.name=‘Tom’，可以看出call和apply作用是一样的。

二、call和apply区别

apply和call传参方式不一样。apply有两个参数，一个是this指向的新对象，另一个是由函数参数组成的一个数组；call可以有多个参数，一个是this指向的新对象，其它的是将函数所需的参数依次列出

三、bind采用一段代码说明下作用

    function Cat() {
       this.name = 'coco'
       this.say = function (age, sex) {
          console.log('my name is ' + this.name + ', sex is ' + sex + ', age is ' + age)
       }
    }
    
    function Mouse(name){
       this.name = name
    }
    
    const cat = new Cat()
    const mouse = new Mouse('Tom')
    
	const foo = cat.say.bind(mouse,28,'男')
	console.log(typeof foo)
  	foo()
  	// function
  	// my name is Tom, sex is 男, age is 28

可以看出bind是返回一个已经改变了this的新函数，需要重新去调用才能生效，bind的参数模式和call一样，可以有多个参数，第一个参数是this指向的新对象，其它的是将函数所需的参数依次列出

四、总结
1）call、apply和bind都可以改变函数的this指向
2）call、apply和bind第一个参数的是this要指向的对象
3）call、apply和bind都可以后续为函数传参，apply是将参数并成一个数组，call和bind是将参数依次列出。
4）call、apply都是直接调用，bind生成的this指向改变函数需要手动调用。