call，apply，bind用法和区别

最新推荐文章于 2023-02-08 18:07:21 发布

是呆不是冷

最新推荐文章于 2023-02-08 18:07:21 发布

阅读量195

点赞数

分类专栏： this指向文章标签： javascript

本文链接：https://blog.youkuaiyun.com/qq_45764710/article/details/107312671

版权

this指向专栏收录该内容

1 篇文章

订阅专栏

本文解析了JavaScript中bind、call、apply函数的作用与区别，包括它们如何改变函数运行时的this指向，以及如何用于继承。同时，展示了这些函数在实际场景中的应用，如求数组中的最大值、最小值，将伪数组转化为数组等。

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

作用：改变函数运行时this的指向

bind和apply，call的区别

call和apply改变了函数的this上下文后便执行该函数，而bind则是返回改变了上下文后的一个函数，不会直接调用。

call、apply的区别

他们俩之间的差别在于参数的区别，call和aplly的第一个参数都是要改变上下文的对象，而call从第二个参数开始以参数列表的形式展现，apply则是把除了改变上下文对象的参数放在一个数组里面作为它的第二个参数

fn.call(obj, arg1, arg2, arg3...);
fn.apply(obj, [arg1, arg2, arg3...]);

应用

求数组中的最大和最小值

let arr = [34,5,3,6,54,6,-67,5,7,6,-8,687];
Math.max.call(Math, ...arr)
Math.max.apply(Math, arr)
let res = Math.max.bind(Math, ...arr)
res()

将伪数组转化为数组

var arrayLike = {
            0: 'qianlong',
            1: 'ziqi',
            2: 'qianduan',
            length: 3
        }
let newarr = Array.prototype.slice.call(arrayLike);

利用call和apply做继承

var Person = function (name, age) {
  this.name = name;
  this.age = age;
};
var Girl = function (name) {
  Person.call(this, name);
};
var Boy = function (name, age) {
  Person.apply(this, arguments);
}
var g1 = new Girl ('qing');
var b1 = new Boy('qianlong', 100);```