如果没接触过动态语言,以编译型语言的思维方式去理解javaScript将会有种神奇而怪异的感觉,因为意识上往往不可能的事偏偏就发生了,甚至觉得不可理喻.如果在学JavaScript这自由而变幻无穷的语言过程中遇到这种感觉,那么就从现在形始,请放下的您的”偏见”,因为这对您来说绝对是一片新大陆,让JavaScrip慢慢融化以前一套凝固的编程意识,注入新的生机!
好,言归正传,先理解JavaScrtipt动态变换运行时上下文特性,这种特性主要就体现在apply, call两个方法的运用上.
区分apply,call就一句话,
foo.call(this, arg1,arg2,arg3) == fo
JavaScript中的`apply()`和`call()`方法是函数调用的重要组成部分，它们允许开发者灵活地改变函数执行时的上下文（即`this`的值）以及传递参数。在深入讲解这两个方法之前，我们先理解JavaScript的核心特性：动态上下文和运行时绑定。
在静态类型的语言中，如Java，函数的调用方式和上下文在编译阶段就已经确定。然而，JavaScript是一种动态类型的语言，它的`this`值是在运行时根据函数调用的方式来确定的。这就使得JavaScript在处理对象和方法时具有很高的灵活性，但也可能导致初学者感到困惑。
`apply()`和`call()`都是`Function.prototype`上的方法，这意味着所有函数实例都可以使用这两个方法。它们的主要作用是改变函数执行时的上下文对象，并且可以传递参数。
1. `call()`方法的语法是：`func.call(thisArg, arg1, arg2, ..., argN)`。它接受一个上下文对象`thisArg`作为第一个参数，然后可以接受零个或多个参数，这些参数会直接传递给被调用的函数。例如：
```javascript
let objA = { message: "message of A" };
let objB = { message: "message of B" };
function setMessage(msg) {
this.message = msg;
}
setMessage.call(objA, "A的消息"); // 等同于 objA.setMessage("A的消息");
```
在这个例子中，`call()`方法使得`setMessage`函数的`this`值被设置为`objA`，即使`objA`并没有`setMessage`方法。
2. `apply()`方法的语法是：`func.apply(thisArg, [argsArray])`。它也接受一个上下文对象，但参数是以数组或者类数组对象的形式传递的。数组中的元素会被当作单独的参数传递给函数。例如：
```javascript
setMessage.apply(objB, ["B的消息"]); // 等同于 objB.setMessage("B的消息");
```
在这里，`apply()`方法和`call()`方法产生了同样的效果，只是传递参数的方式不同。
总结一下，`apply()`和`call()`的主要区别在于参数传递方式：`call()`接收一个接一个的参数，而`apply()`接收一个包含所有参数的数组。此外，它们都提供了改变`this`值的能力，这对于在不同对象间共享方法或模拟继承非常有用。
举个更复杂的例子，如果我们有一个数组需要作为参数传递，`apply()`就显得特别方便：
```javascript
let numbers = [1, 2, 3, 4];
Math.max.apply(null, numbers); // 返回4，因为4是数组中的最大值
```
在这里，由于`Math.max`不接受数组作为参数，我们可以使用`apply()`将数组拆分成单独的参数。
理解`apply()`和`call()`是掌握JavaScript高级特性的关键，它们帮助开发者充分利用JavaScript的动态性和灵活性，实现更加复杂的功能。通过熟练运用这两个方法，可以更好地控制函数执行时的环境和参数，提升代码的可读性和复用性。
