js call().apply().bind()的用法

时间：2019-04-17 18:09:45 阅读：100 评论：0 收藏：0 [点我收藏+]

function Person(age) {
      this.age = age;
    }
    Person.prototype.sayHi = function (x, y) {
      console.log((x + y) + ":====>" + this.age); //是实例对象
    };

    function Student(age) {
      this.age = age;
    }
    var per = new Person(10); //实例对象
    var stu = new Student(100); //实例对象
    //sayHi方法是per实例对象的
    per.sayHi.apply(stu, [10, 20]);//30:====>100
    per.sayHi.call(stu, 10, 20);//30:====>100

apply和call的使用方法：

　　1，apply的使用语法

　　　　　　函数名字.apply(对象,[参数1,参数2,...]);

　　　　　　方法名字.apply(对象,[参数1,参数2,...]);

　　2，call的使用语法

　　　　　　函数名字.call(对象,参数1,参数2,...);

　　　　　　方法名字.call(对象,参数1,参数2,...);

　　作用:改变this的指向，只要是想使用别的对象的方法,并且希望这个方法是当前对象的,那么就可以使用apply或者是call的方法改变this的指向

　　不同的地方:参数传递的方式是不一样的

function Person(age) {
      this.age=age;
    }
    Person.prototype.play=function () {
      console.log(this+"====>"+this.age);
    };

    function Student(age) {
      this.age=age;
    }
    var per=new Person(10);
    var stu=new Student(20);
    //复制了一份
    var ff=per.play.bind(stu);
    ff();

bind是用来复制一份

使用的语法:

　　函数名字.bind(对象,参数1,参数2,...);---->返回值是复制之后的这个函数

　　方法名字.bind(对象,参数1,参数2,...);---->返回值是复制之后的这个方法

bind 返回的是一个新的函数，你必须调用它才会被执行

总结：

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

　　call的参数是直接放进去的，第二第三第n个参数全都用逗号分隔，直接放到后面 obj.myFun.call(对象,参数1,参数2,...)；

　 apply的所有参数都必须放在一个数组里面传进去 obj.myFun.apply(对象,[参数1,参数2,...]);

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

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

js call().apply().bind()的用法

原文：https://www.cnblogs.com/wanguofeng/p/10725032.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)