0
点赞
收藏
分享

微信扫一扫

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

天蓝Sea 2022-04-04 阅读 165

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
举报

相关推荐

0 条评论