深入理解JavaScript call/apply、arguments与undefined/null

26 浏览量更新于2024-08-30 收藏 90KB PDF 举报

"在JavaScript中，call和apply是两个强大的函数调用机制，它们允许开发者动态地改变函数执行时的上下文，即this关键字所指向的对象。下面详细介绍这两个方法： 1. call方法： - 语法：`call([thisObj[, arg1[, arg2[, ...[, argN]]]])` - 功能：它接受两个可选参数，第一个参数`thisObj`用于指定新的上下文对象，第二个及后续参数`arg1, arg2, ...`是传递给函数的实际参数。如果不提供`thisObj`，默认使用全局对象作为上下文。 - 实例：如`add.call(sub, 3, 1)`，这里调用`add`函数，但将`this`设置为`sub`函数对象，实现子函数内部调用父函数。 2. apply方法： - 语法：`apply([thisObj[, argArray]])` - 与call类似，但第二个参数是一个数组，包含所有参数，这使得一次性传递多个参数更加方便。如果`argArray`不是数组或`arguments`对象，会抛出TypeError异常。 - 特性：如果都不提供，`thisObj`使用全局对象，且不能传递参数。通过`call`和`apply`，开发者可以灵活地控制函数行为，例如模拟构造函数，或者在特定上下文中执行代码。此外，`arguments`对象在JavaScript中也扮演着重要角色，它是函数调用时实际传递的所有参数的集合，可以动态获取参数个数和值。 `undefined`和`null`则是两种特殊的值，它们在JavaScript中代表不同的概念： - `undefined`：表示一个变量未被声明或其值尚未初始化，试图访问这样的变量会返回`undefined`。 - `null`：表示一个空值，通常用来明确表示变量没有值或不存在对象引用。了解并熟练运用这些基础概念，有助于编写更灵活、高效的JavaScript代码。在处理异步编程、事件处理和回调函数时，理解`call/apply`、`arguments`、`undefined`和`null`的使用场景尤为重要。"

JS中中call/apply、、arguments、、undefined/null方法详解方法详解

主要介绍了JS中call/apply、arguments、undefined/null方法详解的相关资料,需要的朋友可以参考下

a.call和apply方法详解

--------------------------------------------------------------------------------

call方法方法:

　　语法：call([thisObj[,arg1[, arg2[, [,.argN]]]]])

　　定义：调用一个对象的一个方法，以另一个对象替换当前对象。

　　说明： call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由

thisObj 指定的新对象。如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj。

apply方法：方法：

　　语法：apply([thisObj[,argArray]])

　　定义：应用某一对象的一个方法，用另一个对象替换当前对象。

　　说明：如果 argArray 不是一个有效的数组或者不是 arguments 对象，那么将导致一个 TypeError。如果没有提供

argArray 和 thisObj 任何一个参数，那么 Global 对象将被用作 thisObj，并且无法被传递任何参数。

实例学习:

function add(a,b){ alert(a+b);}

function sub(a,b){ alert(a-b);}

add.call(sub,3,1);

　　打印结果为4。调用add函数，但是调用对象（上下文环境）不是add对象，而是sub函数对象。注意：js中的函数其实是

对象，函数名是对 Function 对象的引用。

function Animal(){

this.name = "Animal";

this.showName = function(){ alert(this.name);}

}

function Cat(){ this.name = "Cat"; }

var animal = new Animal();

var cat = new Cat();

animal.showName.call(cat,",");//输出结果为"Cat"

animal.showName.apply(cat,[]);//输出结果为"Cat"

　　call 的意思是把 animal 的方法放到cat上执行，上下文环境为cat，原来cat是没有showName() 方法，现在是把animal 的

showName()方法放到 cat上来执行，而cat的this.name是Cat。所以this.name 应该是 Cat

实现继承实现继承

function Animal(name){

this.name = name;

this.showName = function(){ alert(this.name);}

}

function Cat(name){ Animal.call(this, name); }

var cat = new Cat("Black Cat");

cat.showName();

　　Animal.call(this) 的意思就是调用Animal方法，但是使用 this对象代替Animal对象，上下文环境变成了this。new

Cat("Black Cat")中使用Animal.call给当前的上下文环境设置了属性name和方法showName。

拓展：多重继承拓展：多重继承

function Class10(){

this.showSub = function(a,b){ alert(a-b); }

}

function Class11(){

this.showAdd = function(a,b){ alert(a+b); }

}

function Class2(){

Class10.call(this);

Class11.call(this);

}

　　备注：js的继承还有其他方法，例如使用原型链，这个不属于本文的范畴，只是在此说明call 的用法。说了call ，当然还

有 apply，这两个方法基本上是一个意思，区别在于 call 的第二个参数可以是任意类型，而apply的第二个参数必须是数组或

下载后可阅读完整内容，剩余3页未读，立即下载

weixin_38557530

粉丝: 6
资源: 896

深入理解JavaScript call/apply、arguments与undefined/null

javascript中arguments,callee,caller详解

详解js中的apply与call的用法

【JavaScript源代码】JavaScript函数之call、apply以及bind方法案例详解.docx

详解js中的apply与call的用法.docx

JavaScript中手写call、bind、apply方法详解

JavaScript函数参数详解：arguments, caller, callee与apply

JavaScript函数内部属性和函数方法实例详解

javascript

简单的JS多重继承示例

JavaScript apply方法详解与实践应用

最新资源