详解js中的apply与call的用法
来源:互联网 发布:mac磁盘映像怎么删除 编辑:程序博客网 时间:2024/05/26 09:56
转载:http://www.jb51.net/article/89501.htm
前言
call 和 apply 都是为了改变某个函数运行时的 context 即上下文而存在的,换句话说,就是为了改变函数体内部 this 的指向。
call 和 apply二者的作用完全一样,只是接受参数的方式不太一样。
方法定义
applyFunction.apply(obj,args)
方法能接收两个参数:
obj:这个对象将代替Function类里this对象
args:这个是数组或类数组,apply方法把这个集合中的元素作为参数传递给被调用的函数。
call
call方法与apply方法的第一个参数是一样的,只不过第二个参数是一个参数列表
在非严格模式下当我们第一个参数传递为null或undefined时,函数体内的this会指向默认的宿主对象,在浏览器中则是window
用法
"劫持"别人的方法
此时foo中的logName方法将被bar引用 ,this指向了bar
实现继承
在实际开发中,经常会遇到this指向被不经意改变的场景。
有一个局部的fun方法,fun被作为普通函数调用时,fun内部的this指向了window,但我们往往是想让它指向该#test节点,见如下代码:
使用call,apply我们就可以轻松的解决这种问题了
当然你也可以这样做,不过在ECMAscript 5的strict模式下,这种情况下的this已经被规定为不会指向全局对象,而是undefined:
其他用法
类数组
这里把符合以下条件的对象称为类数组
1.具有length属性
2.按索引方式存储数据
3.不具有数组的push,pop等方法
常见类数组有 arguments,NodeList!
这样就往arguments中push一个4进去了
Array.prototype.push
页可以实现两个数组合并
同样push方法没有提供push一个数组,但是它提供了push(param1,param,…paramN) 所以同样也可以通过apply来装换一下这个数组,即:
也可以这样理解,arr1调用了push方法,参数是通过apply将数组装换为参数列表的集合.
再比如我想求类数组中的最大值
判断类型
- 详解js中的apply与call的用法
- 详解js中的apply与call的用法
- 详解js中的apply与call的用法
- 详解js中的apply与call的用法
- 详解js中的apply与call的用法
- js中的apply与call的用法
- js中的call与apply用法
- JS中的call与apply详解
- js中的apply和call的用法
- JS中apply与call的用法
- JS中apply与call的用法
- JS中apply与call的用法
- js中call与apply的用法
- js中call()与apply()的用法
- js笔记:js中的call()和apply()用法与区别
- js中的caller,callee,call,apply用法详解
- js中的call与apply
- js中的call()与apply()
- python1-3月25日
- Java中HashMap源码浅析
- list遍历方式效率分析
- RecyclerView系列之(1):为RecyclerView添加Header和Footer
- 算法的时间和空间复杂度
- 详解js中的apply与call的用法
- hdu 2047 EOF 串
- 递归递推练习 N
- python2-3月26日
- maven项目构建index.jsp报错
- 如何更高效的对首页数据的展示
- Android代码规范----一位2年外包开发者的心声
- 20170321多益在线笔试(二笔)
- 实验室图书管理系统--数据库表