详解js中的apply与call的用法

深入了解ECAMScript3中的Function原型方法：call与apply

在ECAMScript3中，Function原型定义了两个极为有用的方法：call和apply。它们的核心功能都是为了改变函数执行时的上下文，也就是改变函数体内“this”的指向。

一、方法定义

1. apply

Function.apply(obj, args)接收两个参数。

obj：这个对象将代替函数内部的this对象。

args：这是一个数组或类似数组的对象，apply方法会把这些集合中的元素作为参数传递给被调用的函数。

2. call

call方法与apply方法的第一个参数相同，也是指定函数体内this的指向。不同的是，call方法的后续参数是一个参数列表，这些参数将作为函数的实参传入。

在非严格模式下，如果call或apply的第一个参数为null或undefined，函数体内的this会指向默认的宿主对象，在浏览器环境中即为window。

二、用法详解

1. “劫持”别人的方法

通过call和apply，我们可以实现方法的动态调用，即“劫持”别人的方法。例如，我们可以让foo对象的logName方法被bar对象所调用，此时this指向bar。

2. 实现继承

call和apply在实现JavaScript的继承方面也有重要作用。通过call方法，我们可以在子类的构造函数中调用父类的构造函数，从而继承父类的属性和方法。例如，Cat函数通过调用Animal函数来继承其属性和方法。

三、实际开发中的应用场景

在实际开发中，经常会遇到this指向被不经意改变的情况。通过使用call和apply，我们可以更好地控制函数的执行上下文，避免this指向的问题。例如，在回调函数或事件处理函数中，我们可以通过使用call和apply来确保函数的this指向正确。在需要动态传递参数给某个函数的情况下，apply和call也非常有用。它们可以使我们更加灵活地调用函数，提高代码的可读性和可维护性。

call和apply是JavaScript中非常重要的两个函数方法，它们为函数的调用提供了更多的灵活性和控制力。深入理解并熟练掌握这两个方法，对于提高JavaScript编程能力非常有帮助。在JavaScript中，`this`的指向问题常常令人困惑。当我们将一个函数作为普通函数调用时，`this`通常指向全局对象（在浏览器环境中通常是`window`）。但有时，我们可能希望`this`指向某个特定的元素或上下文。这时，我们可以使用`call`和`apply`方法来改变函数的执行上下文。

想象一下这样一个场景，你有一个id为“test”的元素，你希望在一个事件处理器中调用一个函数，并且希望这个函数中的`this`指向这个元素。你可以使用`call`方法轻松实现这一点。

以下是使用`call`和`apply`解决此问题的示例：

```javascript

window.id = "window"; // 全局对象id

document.querySelector('test').onclick = function() {

console.log(this.id); // 输出 "test"

var fun = function() {

console.log(this.id); // 我们希望这里的this指向test元素

};

fun.call(this); // 使用call改变fun中的this指向，输出 "test"

};

```

在严格模式（ECMAScript 5的strict模式）下，普通的函数调用中的`this`是`undefined`，而不是全局对象。如果你需要在严格模式下访问某些上下文中的对象，你可以将那个对象的引用保存起来，然后在函数内部使用这个引用。

除了解决`this`指向问题，`call`和`apply`还常用于类数组对象的处理。类数组对象具有length属性、按索引存储数据，但不具有数组的方法。常见的类数组对象有`arguments`和`NodeList`。

我们可以使用`Array.prototype.push.call()`来向类数组对象添加元素，或者使用`Math.max.apply()`来求类数组中的最大值。还可以使用`apply`来调用具有多个参数的方法。

我们还可以使用`Object.prototype.toString.call()`来判断一个变量的类型。这种方法可以返回变量的准确类型信息，如 `[object Number]`、`[object String]`等。

`call`和`apply`在JavaScript中是非常有用的工具，它们可以帮助我们更好地控制函数的执行上下文、处理类数组对象以及判断变量类型。希望这篇文章能帮助大家更深入地理解这两个方法，并在实际编程中灵活应用它们。揭开神秘面纱：未知的Cambrian世界

=======================

在这片未知的领域里，Cambrian呈现了一个充满神秘色彩的世界。今天，让我们一同走进这个奇妙的世界，感受其独特的魅力。

一、揭开序幕：Cambrian的呼唤

-

当我们提及Cambrian，仿佛打开了一扇通往异世界的大门。在这个世界里，各种奇妙的生物和景象交织在一起，构成了一个充满奇幻色彩的宇宙。让我们跟随这个神秘的指引，一竟。

二、神秘的世界：Cambrian的奇幻之旅

--

在Cambrian的世界里，每一个角落都充满了惊喜。这里有着奇妙的自然景观，如神秘的洞穴、迷人的湖泊和壮观的山脉。这些景观仿佛是自然界赋予这片土地最珍贵的礼物，吸引着无数者的目光。

三、生物的多彩画卷：Cambrian的独特生态

除了迷人的自然景观，Cambrian还拥有着独特的生态环境。在这里，各种奇妙的生物共同生活在这片土地上，构成了一个丰富多彩的生态画卷。从微小的昆虫到庞大的动物，每一个生物都在这里找到了属于自己的家园。

四、文化的瑰宝：Cambrian的人文魅力

-

除了自然之美，Cambrian还承载着丰富的文化内涵。这里有着悠久的历史和独特的文化传统。在这片土地上，人们用自己的智慧和勤劳，创造出了许多珍贵的文化遗产，为这片土地增添了无尽的人文魅力。

五、结语：沉浸于Cambrian的奇幻之旅

当我们走进Cambrian的世界，仿佛踏上了一个奇幻之旅。这里有着无尽的惊喜和神秘，让人陶醉其中。让我们继续这个神秘的世界，感受其独特的魅力，让这段旅程成为我们一生中最珍贵的回忆。

让我们一同领略Cambrian的奇幻之美，沉浸在这个充满神秘色彩的世界中，感受大自然的鬼斧神工和人文的瑰宝。