call() apply() bind() 异同

call() applay() bind() 区别

  • 三者的相同点:都是用来改变this的指向
  • call()和apply()的区别:
    • 相同点:都是调用一个对象的一个方法,用另一个对象替换当前对象(功能相同)
      //例如: 
      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()的第一个参数是this要指向的对象,后面传入的是参数列表,参数可以是任意类型,当第一个参数为null、undefined的时候,默认指向window;
    • apply():第一个参数是this要指向的对象,第二个参数是数组
  • 1.3call()和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(); //此时才调用函数

 

call() apply() bind() 异同

上一篇:CSS 面试题


下一篇:CSS font-style 属性