• 小谢第40问:call(),apply()和bind()作用区别及用法


     三者相同点:它们都是用来改变this指向的

    call()和apply():

    相同点:都是调用一个对象的一个方法,用另一个对象替换当前对象(功能相同)
    例如:  B.call(A, args1,args2);即A对象调用B对象的方法
        F.apply(G, arguments);即G对象应用F对象的方法

    不同点:参数书写方式不同
    call()的第一个参数是this要指向的对象,后面传入的是参数列表,参数可以是任意类型,当第一个参数为null、undefined的时候,默认指向window;
    apply():第一个参数是this要指向的对象,第二个参数是数组 

    var obj = {}//定义一个空的对象
    function f(x,y){
    console.log(x,y)
    console.log(this) //this是指obj
    }
    f.apply(obj,[1,2]) //后面的值需要用[]括起来
    f.call(obj,1,2) //直接写 

    call()和bind()的区别:
    相同点:都是用来改变this的指向
    不同点:call()改过this的指向后,会再执行函数,bind()改过this后,不执行函数,会返回一个绑定新this的函数 

    function f(){
    console.log("看我怎么被调用");
    console.log(this) //指向this
    }
    var obj = {};
    f.call(obj) //直接调用函数
    var g = f.bind(obj); //bind()不能调用函数
    g(); //此时才调用函数 
  • 相关阅读:
    js中url跳转问题
    代码走查整理总结
    关于前后端分离跨域请求问题
    mysql大小写敏感问题
    初识react
    mysql测试
    关于使用Ajax请求json数据,@RequestMapping返回中文乱码的几种解决办法
    ssm实现分页查询
    js表单验证处理和childNodes 和children 的区别
    javaScript数组操作整理
  • 原文地址:https://www.cnblogs.com/xieoxie3000question/p/13360547.html
Copyright © 2020-2023  润新知