如何理解和熟练运用js中的call及apply
来源:互联网 发布:中国心力衰竭数据平台 编辑:程序博客网 时间:2024/05/20 15:10
在知乎中看到对call及apply解释,非常不错,分享出来。
作者:杨志
链接:https://www.zhihu.com/question/20289071/answer/14644278
来源:知乎
著作权归作者所有,转载请联系作者获得授权。
链接:https://www.zhihu.com/question/20289071/answer/14644278
来源:知乎
著作权归作者所有,转载请联系作者获得授权。
LZ要先明白存在call和apply的原因,才能记得牢一点:
在javascript OOP中,我们经常会这样定义:
所以,可以看出call和apply是为了动态改变this而出现的,当一个object没有某个方法,但是其他的有,我们可以借助call或apply用其它对象的方法来操作。
用的比较多的,通过document.getElementsByTagName选择的dom 节点是一种类似array的array。它不能应用Array下的push,pop等方法。我们可以通过:
var domNodes = Array.prototype.slice.call(document.getElementsByTagName("*"));
这样domNodes就可以应用Array下的所有方法了。
其他的就不提了,讲多了反而迷惑。
在javascript OOP中,我们经常会这样定义:
function cat(){但是如果我们有一个对象whiteDog = {food:"bone"},我们不想对它重新定义say方法,那么我们可以通过call或apply用blackCat的say方法:blackCat.say.call(whiteDog);
}
cat.prototype={
food:"fish",
say: function(){
alert("I love "+this.food);
}
}
var blackCat = new cat;
blackCat.say();
所以,可以看出call和apply是为了动态改变this而出现的,当一个object没有某个方法,但是其他的有,我们可以借助call或apply用其它对象的方法来操作。
用的比较多的,通过document.getElementsByTagName选择的dom 节点是一种类似array的array。它不能应用Array下的push,pop等方法。我们可以通过:
var domNodes = Array.prototype.slice.call(document.getElementsByTagName("*"));
这样domNodes就可以应用Array下的所有方法了。
其他的就不提了,讲多了反而迷惑。
0 0
- 如何理解和熟练运用js中的call及apply?
- 如何理解和熟练运用js中的call及apply?
- 如何理解和熟练运用js中的call及apply
- 如何理解和熟练运用js中的call及apply
- 如何理解和熟练运用js中的call及apply?
- 如何理解和熟练运用js中的call及apply?
- 如何理解和熟练运用js中的call及apply?
- 理解和熟练运用js中的call及apply
- 如何理解js中的call及apply
- 如何理解JS中的call及apply
- 如何理解js中的call和apply
- js中的call及apply
- js中的call及apply
- JS中的call和apply
- js中的call和apply
- JS中的Call和Apply
- js 中的apply和call
- Js中的call和apply
- 解决Linux系统中Bioconductor安装程序包时RCurl和XML的依赖问题
- 数组与指针(2)
- 如何判断app在前台还是后台
- CI框架
- [LeetCode]413. Arithmetic Slices
- 如何理解和熟练运用js中的call及apply
- 深度学习Caffe实战笔记(2)用LeNet跑车牌识别数据
- jquery多选择动态参数的使用以及ajax异步请求中提交整个form表单中serializeArray()的使用以及后台值得获取方式
- 虫食算
- 程序员的七大痛点
- git命令
- 关于Fragment和Activity之间通讯传参的一点小心得
- Git常用命令及使用心得
- 银行卡号验证js(luhn算法)