函数调用方法
在谈论JavaScript中apply、call和bind这三兄弟之前,我想先说下,函数的调用方式有哪些:
"color: #ff0000">通过call()和apply()间接调用
其实,我们可以将这两个函数看做是某个对象的方法,通过调用方法的方式来间接调用函数:
function f(){} f.call(o); f.apply(o);
call()和apply()的第一个参数是要调用函数的母对象,它是调用上下文,在函数体内通过this来获得对它的引用。
那么他们是一样的,还是有区别的,还有bind方法呢?君莫急,下面详细的解析他们三者的区别和联系。
call()
call()方法给调用它的方法指定特定的this指针(习惯用语,不要和我纠结它的正确性)和参数。例如有这么一个函数:
var fn = function (arg1, arg2) { console.log(this, arg1, arg2); }
我来调用它:
fn.call(null, 'Skylor', 'min'); //1 fn.call(undefined, 'Skylor', 'min'); //2 var fx = function() {} fn.call(fx, 'Skylor', 'min'); //3
这三个call方法的返回值是什么呢?不废话,请看:
1. null "Skylor" "min" 2. undefined "Skylor" "min" 3. fx "Skylor" "min"
真的是这样吗,机智的你,去浏览器控制台小试了一下,我去,你这坑货,不是这样的:
chrome 1. Window "Skylor" "min" 2. Window "Skylor" "min" 3. fx "Skylor" "min"
好吧,你机智。但这已经很好的说明了call方法了。(window很高级,微软偷笑中...)
我们注意到call方法,第一个参数是指定this指针,后面每个参数指定需要的参数,注意我用的是“每个”,这意味着你需要几个参数就要想调用函数那样,一个个参数写进去。
apply()
apply()是call()的兄弟啊,其他地方长的都一样,都是男的,就一个地方不一样。先看例子:
fn.apply(null, ['Skylor', 'min']); //1 fn.apply(fx, ['Skylor', 'min']); //2
哥们,你是不是写错了,多了个中括号啊。不,不,不,这就是他和call长的不一样的地方,它的第二个参数是个需要的参数Array。
bind()
bind()嘛,他们三个不是仨兄弟嘛,,这个我懂,blabla....不不不,它是和apply、call结拜的兄弟,不是亲兄弟。
当然,bind方法也是允许你指定this指针,但是它不是调用函数,而是返回一个(或者说是拷贝)调用它的函数的函数,并给这个函数指定特定的this指针和参数。惯例,例子说明一切:
var fnbound = fn.bind(null, 'Skylor', 'min');
这时,fnbound是一个函数,一个this指向null,参数为['Skylor', 'min']的另一个函数。调用之:
fnbound();
结果:
null, 'Skylor', 'min'
不要和我纠结Window的事了。。。。。
bind和其他两个兄弟不一样的地方,是,它不是调用函数,而是返回一个新的函数,同样,它也是指定this指针和参数的,指定参数的方式和call一样,是一个一个来的。
最后来一个例子呗:
var shoppingCart = (function(){ var _calculatePrice = function () { return this.price * this.amount; }; return { calculatePrice : _calculatePrice } })(); var goods = { name : ‘hammer', price: 199, amount : 2 }; shoppingCart.calculatePrice.call(goods);
到此结束。!
以上所述是小编给大家介绍的JavaScript中apply和call以及bind(推荐)的全部内容,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。
更新日志
- [ABC]安娜-胆麦发烧女声[6N纯银镀膜][2016[低速原抓WAV+CUE]
- 任天堂今晚举行直面会!第三方及独立游戏展示
- 《哆啦A梦的铜锣烧店物语》发售!开罗公式+哆啦A梦
- 任天堂公布《塞尔达传说》系列时间线:野炊与王泪独立在外
- 五条人.2012-一些风景2CD【刀马旦】【WAV+CUE】
- 陈奕迅.2013-Easons.Life演唱会2CD(2024环球红馆40复刻系列)【环球】【WAV+CUE】
- 许美静.1995-遗憾(新马版)【上华】【WAV+CUE】
- 《叶倩文 歌声情缘》[WAV+CUE][410MB]
- 《张国荣 首首动听经典不容错过 追忆的风 2CD》[WAV+CUE][870MB]
- 《腾格尔 容中尔甲 亚东 高原三星 男人篇 3CD》[WAV/分轨][1GB]
- 命运圣契公测实测可用兑换码大全 命运圣契最新兑换码分享
- 黑神话悟空上品疾蝠精魄获取方法一览|上品疾蝠精魄收集攻略
- 《七龙珠电光炸裂!ZERO》GT角色预告片曝光,15位新角色登场
- [ABC]安娜-胆麦发烧女声[6N纯银镀膜][2016[低速原抓WAV+CUE]
- NewViennaOctetViennaWindSoloists-TheDeccaRecordings(2024)18CD[24-48][FLAC]-7