JavaScript中函数（Function）的apply与call理解

JavaScript中的函数调用模式与apply、call的理解

在JavaScript中，函数调用有多种模式，其中最为常见的为方法调用模式、函数调用模式以及构造器调用模式。除此之外，还有一种特殊的调用模式，即通过apply和call实现函数调用。本文将详细介绍这四种调用模式，并着重如何通过apply和call实现函数的扩展和继承。

一、四种函数调用模式简述：

1. 方法调用模式：对象包含方法属性，如Obj.methodName()或Obj[methodName]()。

2. 函数调用模式：直接调用函数，如methodName()。

3. 构造器调用模式：使用new关键字创建对象实例，如new MethodName()。

4. apply和call调用模式：通过apply或call方法改变函数的执行上下文，如ObjA.apply(ObjB, args[])或ObjA.call(ObjB, arg1, arg2...)。

二、理解apply和call：

在JavaScript中，函数调用时除了接收形式参数外，还会接收this和arguments。其中this为函数对象上下文，arguments为实际参数。apply和call方法的主要功能是切换函数对象的上下文，即改变this的指向。它们之间的主要区别在于参数的传递方式。apply接受一个数组作为参数，而call则接受以逗号分隔的参数列表。

三、通过apply和call实现扩展和继承：

在JavaScript中，我们可以通过apply和call方法实现对象的扩展和继承。以下是一个简单的示例：

首先定义一个Animal对象，包含name属性和showName方法：

```javascript

function Animal(name){

this.name = name;

this.showName = function(){

alert(this.name);

}

}

```

然后定义一个Cat对象，通过调用Animal的构造函数来继承其属性和方法：

```javascript

function Cat(name){

Animal.call(this, name);

}

```

最后创建一个新的Cat对象并调用其showName方法：

```javascript

var cat = new Cat("Black Cat"); //此时Cat函数体的this指向Cat对象实例

cat.showName(); //执行时，this仍然指向Cat对象实例，弹出"Black Cat"对话框。

```

在这个例子中，Cat对象通过调用Animal的构造函数来继承其属性和方法，实现了对象的扩展和继承。通过这种方式，我们可以轻松地在JavaScript中实现对象的复用和扩展。