JavaScript学习点滴 call、apply的区别

讲解“JavaScript学习点滴 call、apply的区别”的完整攻略如下：

一、call和apply的概念

在Javascript中，所有对象都可以调用call和apply方法，它们的作用都是改变函数体内this的指向。两者的区别在于传入参数的形式不同。

call和apply都是定义在Function.prototype上的方法，因此可以被所有的函数对象调用。

1. call

call方法可以接受多个参数，第一个参数就是需要指定的this的指向对象，后面的参数就是传入函数的参数。

示例代码如下：

let obj = {
  name: '小明'
}

function sayName() {
  console.log(this.name)
}

sayName.call(obj)  // 输出：小明

在这个示例中，obj作为第一个参数传递给call方法，即sayName函数中的this被指向了obj对象。

2. apply

apply方法与call方法类似，唯一的区别就是传入参数的方式。apply方法接收两个参数，第一个参数也是需要指定的this的指向对象，第二个参数则是一个数组或类数组对象。

示例代码如下：

let obj = {
  name: '小明'
}

function sayName(age) {
  console.log(this.name + '今年' + age + '岁')
}

sayName.apply(obj, [18])  // 输出：小明今年18岁

在这个示例中，obj作为第一个参数传递给apply方法，数组[18]作为第二个参数传递给sayName函数。

二、call和apply的实际应用

1. 求取数组中的最大值和最小值

下面的示例中，我们用call和apply方法实现了求取数组中最大值和最小值的代码。

let arr = [1, 2, 3, 4, 5]

// 求取最大值
let max = Math.max.apply(null, arr)
console.log(max)  // 输出：5

// 求取最小值
let min = Math.min.call(null, ...arr)
console.log(min)  // 输出：1

在这个示例中，我们利用了Math对象的max和min方法，因为它们不支持传递数组做参数，所以我们使用apply和call方法将数组拆分成多个参数，从而求出最大值和最小值。

2. 利用call继承对象

在面向对象编程中，我们经常需要从已有的对象中继承一些属性或方法。而call方法可以让父类的构造函数在子类中加工起来，从而实现对象之间的继承。

示例代码如下：

function Animal(name) {
  this.name = name
}

Animal.prototype.sayName = function() {
  console.log('我的名字是：' + this.name)
}

function Dog(name) {
  Animal.call(this, name)
}

let dog = new Dog('旺财')
dog.sayName()  // 输出：我的名字是：旺财

在这个示例中，我们定义了Animal和Dog两个对象，Dog想要从Animal中继承name属性和sayName方法。利用call方法可以实现，将Dog对象中的this指向父类Animal的实例对象，这样就可以从父类继承属性和方法。

三、总结

call和apply是JavaScript中常用的函数方法，它们可以改变函数体内this的指向。其中，call和apply的区别在于接收参数的方式不同，前者为多个参数，后者为数组或类数组。在实际应用中，我们可以利用call和apply实现函数的继承，或是优化求最大值和最小值的算法等。