详解js中的apply与call的用法

前端之家收集整理的这篇文章主要介绍了详解js中的apply与call的用法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

前言

call 和 apply

都是为了改变某个函数运行时的

context

即上下文而存在的,换句话说,就是为了

改变函数体内部 this 的指向

call 和 apply

二者的作用完全一样,只是接受参数的方式不太一样。

方法定义

apply

Function.apply(obj,args)方法能接收两个参数:

obj:

这个对象将代替Function类里this对象

args:

这个是数组或类数组,apply方法把这个集合中的元素作为参数传递给被调用函数

call

call方法

apply方法

的第一个参数是一样的,只不过第二个参数是一个参数列表

在非严格模式下当我们第一个参数传递为null或undefined时,函数体内的this会指向默认的宿主对象,在浏览器中则是window

用法

"劫持"别人的方法

此时

foo

中的

logName

方法将被bar引用 ,

this

指向了

bar

实现继承

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

var cat = new Cat("Black Cat");
cat.showName(); //Black Cat

在实际开发中,经常会遇到this指向被不经意改变的场景。 有一个局部的

fun

方法

fun

被作为普通函数调用时,

fun

内部的

this

指向了

window

,但我们往往是想让它指向该

#test

节点,见如下代码

使用

call,apply

我们就可以轻松的解决这种问题了

当然你也可以这样做,不过在

ECMAScript 5

strict

模式下,这种情况下的this已经被规定为不会指向全局对象,而是

undefined:

输出:undefined } func();

其他用法

类数组

这里把符合以下条件的对象称为类数组

1.具有length属性

2.按索引方式存储数据

3.不具有数组的push,pop等方法

常见类数组有

arguments,NodeList!

这样就往

arguments

中push一个4进去了

Array.prototype.push 页可以实现两个数组合并

同样push方法没有提供push一个数组,但是它提供了

push(param1,param,…paramN)

所以同样也可以通过apply来装换一下这个数组,即:

也可以这样理解,

arr1

调用

push

方法,参数是通过

apply

将数组装换为参数列表的集合.

再比如我想求类数组中的最大值

判断类型

以上就是apply与call的用法总结的全部内容,欢迎大家积极留言参加讨论,也希望本文对大家学习javascript有所帮助。

原文链接:https://www.f2er.com/js/47007.html

猜你在找的JavaScript相关文章