分析ES5和ES6的apply区别

关于分析ES5和ES6的apply区别，我们从以下几个方面来讲解。

ES5 apply

在 ES5 中，apply 是函数的一个方法，它是为了使函数支持传递数组作为参数而存在的，它的语法如下：

func.apply(thisArg, [argsArray])

其中，thisArg 指定了函数被执行时所绑定的 this 对象，argsArray 则是一个数组，它包含了传递给函数的参数列表。

下面是一个示例代码：

function addNumbers(num1, num2, num3) {
  return num1 + num2 + num3;
}

var nums = [3, 4, 5];

var sum = addNumbers.apply(null, nums);

console.log(sum); // Output: 12

在上面的示例代码中，我们定义了一个函数 addNumbers 用于计算三个数的和，然后通过 apply 方法将数组 nums 作为参数列表传递给函数。这里我们将 thisArg 参数设置为 null，因为在此示例中并不需要绑定任何上下文对象。

ES6 apply

在 ES6 中，由于增加了扩展运算符，所以使用 apply 可以视为过时的做法。我们可以用扩展运算符（Rest Parameters）来代替 apply，这样的语法更简洁明了。示例如下：

function addNumbers(num1, num2, num3) {
  return num1 + num2 + num3;
}

var nums = [3, 4, 5];

var sum = addNumbers(...nums);

console.log(sum); // Output: 12

在上面的示例代码中，我们同样定义了一个函数 addNumbers 用于计算三个数的和，然后通过扩展运算符 ... 将数组 nums 作为参数列表传递给函数。这样我们就不需要使用 apply 方法来传递参数了。

总结

通过以上的示例代码，我们可以发现，ES6 中的扩展运算符可以很方便地代替 ES5 中的 apply 方法，这样代码更简洁明了。

需要注意的是，ES6 的扩展运算符在参数列表中使用时必须放在最后一个参数，否则会报错。另外，如果参数实在太多，也可以使用参数解构来使代码更加清晰。

function addNumbers({num1=0, num2=0, num3=0}) {
  return num1 + num2 + num3;
}

var nums = {num1:3, num2:4, num3:5};

var sum = addNumbers(nums);

console.log(sum); // Output: 12

上面的示例中，我们使用了参数解构来清晰地传递参数，这样代码更易读懂。

综上所述，ES6 中的扩展运算符可以很方便地替代 ES5 中的 apply 方法，同时也可以使用参数解构使代码更加清晰。