js中 call apply bind的理解

js中的call apply bind都是用来改变this指向的

var obj={
            uname:"jack",
            age:20,
            say:function(){
                console.log("我的名字叫"+this.uname+",我今年"+this.age+"岁了");
            }
        }
        var db={
            uname:"rose",
            age:18
        }

        obj.say.call(db);
        obj.say.apply(db);
        obj.say.bind(db)();

call apply bind都是用来改变this指向的,在没有参数的情况下,我们发现call apply 的用法是一样的,bind返回的是一个函数,必须调用才会执行,所以要注意bind的写法

如果有参数:

      var obj={
            uname:"jack",
            age:18,
            say:function(f,t){
                console.log("我的名字叫"+this.uname+"我今    年"+this.age+"岁了,我来自"+f+"我要去"+t);
            }
        }
        var db={
            uname:"rose",
            age:20
        }
        
        obj.say.call(db,"北京","上海");
        obj.say.apply(db,["h","c"]);
        obj.say.bind(db,"a","z")();

从上面四个结果不难看出
call 、bind 、 apply 这三个函数的第一个参数都是 this 的指向对象,第二个参数差别就来了:

1.call的参数是直接放进去的,第二第三第n个参数全都用逗号分隔,直接放到后面  obj.myFun.call(db,'成都', ... ,'string' );
2.apply的所有参数都必须放在一个数组里面传进去  obj.myFun.apply(db,['成都', ..., 'string' ]);
3.bind除了返回是函数以外,它 的参数和call 一样。

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

你可能感兴趣的:(js中 call apply bind的理解)