javascript中的.apply()与.call()

1.apply、call 有什么作用,什么区别

  • 两者都属于Function.prototype的一个方法,以另一个对象替换当前对象。
  • 区别:
    方法传递的参数不同:apply接收参数列表,call接收参数数组。
    apply语法:fun.apply(thisObj,[argArray])--argArray表示一个数值或者类数组对象
    call语法:fun.call(thisObj,Object)

2.以下代码输出什么?

var john = {
  firstName: "John" 
}
function func() { 
  alert(this.firstName + ": hi!")
}
john.sayHi = func
john.sayHi() //弹窗弹出的是John: hi!

3.下面代码输出什么,为什么

func() 
function func() { 
  alert(this)//弹窗弹出的是window,因为是在window下调用函数,所以this指的是window
}

4.以下代码输出什么?

function fn0(){ 
  function fn(){ 
    console.log(this); //输出的是window,因为this是在window下调用的
  } 
  fn();
}
fn0();
document.addEventListener('click', function(e){ 
  console.log(this);//输出的是document,因为这个是事件绑定,所以this指的是事件源DOM对象
  setTimeout(function(){ 
    console.log(this); //输出的是window
  }, 200);
}, false);

5.下面代码输出什么

var john = { 
  firstName: "John" 
}
function func() { 
  alert( this.firstName )
}
func.call(john) 
//弹出的是John,因为使用call(john)就是把函数执行的上下文及参数Jojn传递给func函数,所以这时的this指的就是John

6.下面代码输出什么

var john = { 
  firstName: "John", 
  surname: "Smith"
}
function func(a, b) { 
  alert( this[a] + ' ' + this[b] )
}
func.call(john, 'firstName', 'surname') 
//弹出的是John Smith

7.以下代码有什么问题,如何修改

var module= { 
  bind: function(){ 
    $btn.on('click', function(){ 
      console.log(this) //this指的是$btn
      this.showMsg(); //这里应该改为module.showMsg(),如果不修改的话this指的还是$btn,然而会在$btn源DOM对象找showMsg(),这样就会报错
    }) 
  }, 
  showMsg: function(){ 
  console.log('饥人谷'); 
  }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,268评论 0 4
  • 昨天在做面试题时遇到了这道题: 下面有关JavaScript中 call和apply的描述,错误的是? A. ca...
    荧惑3_3阅读 635评论 0 1
  • 在JavaScript中,call、apply和bind是Function对象自带的三个方法,这三个方法的主要作用...
    人不中二枉少年阅读 499评论 0 6
  • 请参加男子预备赛的到检录处检录。广播里在叫着,我们班上的卞兴松,孙明浩等⋯他们已经站在了鲜红的跑道上,即将面...
    严煜超阅读 361评论 0 0
  • 提起那些尴尬的事,你也许也做过,这么多年过去了,还是使人无法忘记,每次想起它,都会觉得不好意思,觉得特别的傻,我就...
    勃彁吥太壊阅读 879评论 0 0