zoukankan      html  css  js  c++  java
  • 浅谈call apply bind的区别

    这三个方法的用法非常相似,将函数绑定到上下文中,即用来改变函数中this的指向。举个例子:

    复制代码
    var zlw = {
        name: "zlw",
        sayHello: function (age) {
             console.log("hello, i am ", this.name + " " + age " years old");
         }
    };
    
    var  xlj = {
        name: "xlj",
    };
    
    zlw.sayHello(24);// hello, i am zlw 24 years old
    
    
    复制代码

    下面看看call、apply方法的用法:

    zlw.sayHello.call(xlj, 24);// hello, i am xlj 24 years old
    zlw.sayHello.apply(xlj, [24]);// hello, i am xlj 24 years old

    结果都相同。从写法上我们就能看出二者之间的异同。相同之处在于,第一个参数都是要绑定的上下文,后面的参数是要传递给调用该方法的函数的。不同之处在于,call方法传递给调用函数的参数是逐个列出的,而apply则是要写在数组中。

    我们再来看看bind方法的用法:

    zlw.sayHello.bind(xlj, 24)(); //hello, i am xlj 24 years old
    zlw.sayHello.bind(xlj, [24])(); //hello, i am xlj 24 years old

    bind方法传递给调用函数的参数可以逐个列出,也可以写在数组中。bind方法与call、apply最大的不同就是前者返回一个绑定上下文的函数,而后两者是直接执行了函数。由于这个原因,上面的代码也可以这样写:

    zlw.sayHello.bind(xlj)(24); //hello, i am xlj 24 years old
    zlw.sayHello.bind(xlj)([24]); //hello, i am xlj 24 years old

    bind方法还可以这样写 fn.bind(obj, arg1)(arg2) 。

    用一句话总结bind的用法:该方法创建一个新函数,称为绑定函数,绑定函数会以创建它时传入bind方法的第一个参数作为this,传入bind方法的第二个以及以后的参数加上绑定函数运行时本身的参数按照顺序作为原函数的参数来调用原函数。

  • 相关阅读:
    Git 开发、合并、提交的一些常见命令语句
    selenium自动化过程中窗口句柄的问题
    git 忽略文件夹下面的文件,但是保留空文件夹
    python接口测试中不同的请求方式
    python接口测试中发送请求中的一些参数
    python接口测试中的session运用
    接口测试数据依赖处理
    pygame的安装
    Bottstrap的基本用法
    前端CSS
  • 原文地址:https://www.cnblogs.com/cmy1996/p/9103071.html
Copyright © 2011-2022 走看看