call和apply的区别

call()和apply()这两个方法最基本的作用就是:改变对象的执行上下文,即this的指向

两者的异同

相同点:都能够改变方法的执行上下文(执行环境),将一个对象的方法交给另一个对象来执行,并且是立即执行。

不同点:传参不同,call的参数是单个的值,apply参数是数组

call方法从第二个参数开始可以接收任意个参数,每个参数会映射到相应位置的func的参数上,可以通过参数名调用,但是如果将所有的参数作为数组传入,它们会作为一个整体映射到func对应的第一个参数上,之后参数都为空

apply方法最多只有两个参数,第二个参数接收数组或者类数组,但是都会被转换成类数组传入func中,并且会被映射到func对应的参数上

如何选择使用场景

据你要传入的参数来做选择

1.不需要传参或者只有1个参数的时候,用call,当要传入多个对象时,用apply

2.如果需要传入的参数已经是一个数组或者类数组了,就用apply,如果还是单独的需要逐个传入的,可以考虑使用call

参考文档,这个里面讲的很详细,主要是例子特别形象,很好理解。

备注:

1.伪数组(类数组)

伪数组是一个具有length属性的对象,如果这个对象的length不为0,那么必须要有按照下标存储的数据。

伪数组无法直接调用数组方法或期望length属性有什么特殊的行为,但仍可以对真正数组遍历方法来遍历它们。

你见过的伪数组?

 1.典型的是函数的 argument参数,
 2.像调用getElementsByTagName,document.childNodes之类的,它们都返回 NodeList对象都属于伪数组,

 3.var obj3 = { length: 0 };var obj4 = { 0: '888', length: 1 };var obj5 = { 99: 'abc', length: 100 }

如何判断数据是不是真数组
1、数据 instanceof Array
2、Object.prototype.toString.call( 数据 ) === '[object Array]'

伪数组转化为标准数组

Array.prototype.slice.call(fakeArray)       将数组转化为真正的Array 对象

2.this问题

  • this的典型应用

构造函数中使用this

原型中使用

对象字面量中使用

  • 对this指向问题的理解

函数的调用形式决定了this的指向:

在JavaScript中,this通常指向我们正在执行的函数本身,或者,指向该函数所属的对象;

全局的this,指向window;

对象中的this,指向其本身;

事件中的this,指向事件对象。

 

 

 

 

 

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值