javascript学习笔记：call、apply、bind函数

1、call()函数

        call函数参数为call(p1:object,p2,p3,p4,...),根据以下代码解释：

1、call函数第一个参数是一个对象c

2、使得函数a在调用call函数时，a中的this指向了call第一个参数，也就是对象c

3、当a.call(c,1)执行时，a中的this.i实际上是c.i,call后面的参数则是给其他变量正常赋值，如1赋值给j，其实就是给函数a的形参赋值；

4、由上可知，当一个函数中没有this，call是没有意义的

5、call函数实际上是给函数绑定其他的作用域变量或者对象的变量，如下代码中，如果a没有使用call(c,1),那么a中的this指向的就是window，this.i就是全局作用域中的i，因为使用了call，使得this指向改变，this.i变成了对象c中的i

6、a.call(c,1)和c=b.call(c,3)等效

var a=function(j){
        console.log(this.i,j)
    } 
    var b=function(k){
        console.log(this.l,k)
    } 
    var c={
        i:1,
        l:2
    }
    a.call(c,1)//1 1
    c=b.call(c,3)//2 3

2、apply函数

        apply函数参数为call(p1:object,[p2,p3,p4,...]),apply和call差不多，只是参数的传递形式不同，call中第二个及后面的参数可以理解为给函数a的形参赋值，而apply不过是将这些参数“打包”了而已，意义没有改变；

var a=function(j){
        console.log(this.i,j)
    } 
    var b=function(k){
        console.log(this.l,k)
    } 
    var c={
        i:1,
        l:2
    }
    a.apply(c,[1])//1 1
    c=b.apply(c,[3])//2 3

3、bind函数

        我觉得bind函数跟call、apply很像，都是第一个参数跟函数a的this挂钩，后面参数作为a函数的实参传入。不同的是bind会生成一个新的函数。

var a=function(j){
        console.log(this.i,j)
    } 
    var b=function(k){
        console.log(this.l,k)
    } 
    var c={
        i:1,
        l:2
    }
    var newfc=a.bind(c,1)
    newfc();//1 1