call、apply 的区别？谁性能更好？

scorpio_h

于 2020-01-19 15:20:54 发布

阅读量765

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： call apply 区别

本文链接：https://blog.youkuaiyun.com/scorpio_h/article/details/104041024

javascript 专栏收录该内容

28 篇文章

订阅专栏

本文详细解析了JavaScript中this指向的原理，以及call和apply两个方法的区别和使用场景。call与apply都能改变函数调用时的上下文，但参数传递方式不同，call接受多个参数，apply接受一个参数数组。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

call：第一个参数是为函数内部指定this指向，后续的参数则是函数执行时所需要的参数，一个一个传递。
apply：第一个参数与call相同，为函数内部this指向，而函数的参数，则以数组的形式传递，作为apply第二参数。
call 的性能更好，不过 lodash 里的源码当参数小于等于 3 时用 call，之后用 apply

call:

Function.prototype.myCall = function(obj, ...arg) {
    if(typeof this !== 'function'){
        throw new TypeError(this + ' is not a function');
    }
  	const context = obj;
  	const fn = Symbol();
  	context[fn] = this;
  	const ret = context[fn](...arg)
  	delete context[fn]
  	return ret;
}

apply:

Function.prototype.myApply = function(obj, arg) {
    if(typeof this !== 'function'){
        throw new TypeError(this + ' is not a function');
    }
  	const context = obj;
  	const fn = Symbol();
  	context[fn] = this;
  	const ret = context[fn](...arg)
  	delete context[fn]
  	return ret;
}