Javascript中call与apply的学习笔记示例
先看MDN中对于call的解释
call() 方法在使用一个指定的this值和若干个指定的参数值的前提下调用某个函数或方法.
注:该方法的作用和 apply() 方法类似,只有一个区别,就是call()方法接受的是若干个参数的列表,而apply()方法接受的是一个包含多个参数的数组。
(thisArg[, arg1[, arg2[, ...]]])
参数
thisArg
在fun函数运行时指定的this值。需要注意的是,指定的this值并不一定是该函数执行时真正的this值,如果这个函数处于非严格模式下,则指定为null和undefined的this值会自动指向全局对象(浏览器中就是window对象),同时值为原始值(数字,字符串,布尔值)的this会指向该原始值的自动包装对象。
arg1, arg2, ...
指定的参数列表。
MDN上的例子一开始并不是很好理解,这里我贴出来,有兴趣可以自己去看看 call-Javascript
这里的thisArg解释为在fun运行时指定的this值,也就是说使用了call后,fun中的this指向了thisArg?看代码
var p="456"; function f1(){ this.p="123"; } function f2() { (this.p); } f2(); //456 (f1()); //123 y(f1()); //123
第一次输出是调用的全局变量,之后由于call和apply的使用,f2中的this指向了f1,因此,输出变成了123,其实也就是f1借用了f2的方法输出了自己的p
这时将f1()中的this.p删除,会输出三个456,也就证实了当this为null或者undefined时其实指向了全局变量
至于指向原始值是指向它的包装对象这里,由于我理解的.包装对象都是临时的,而且测试时只输出了原始值的类型而不是object,这里如何证明如果有知道的朋友希望可以和我讨论下,谢谢!
既然call可以实现一个对象借用另一个对象,不就可以实现继承了么?看代码
function f1(){ er="father" } function f2() { (this); d="child"; } var test=new f2(); (er); //father
test中是没有father的,由于f2()中的
(this);
这里的this指向的就是f2,也就是f2借用了f1的方法,其实也就实现了继承
下面讲一下这里的参数,这里的参数是传递给fun的,看代码吧
function f1(){ this.p="123"; } function f2(x) { (this.p); (x); } (f1(),456); //123 //456
先输出123是因为f1中的p,之后的456是传递给f2的参数,很容易理解
主要是注意call和apply中参数的区别
call是一个一个传入的,而apply是传入的一个数组
function f1(){ this.p="测试call"; } function f2(x,y,z) { (this.p); (x); (y); (z); } function f3(){ this.p="测试apply"; } (f1(),4,5,6); (f1(),[4,5,6]); y(f3(),[4,5,6]); y(f3(),4,5,6);
这里可以看到结果
第一段测试call是正确输出
第二段测试call由于传入数组,所以先输出一个数组然后两个undefined
第三段测试apply正确输出
第四段由于参数格式错误直接报错
这里的区别应该很明显了
-
关于网络营销中诚信问题的探讨
现如今,越来越多的现代企业及消费者通过互联网开展业务。然而,诚信缺失已经成为制约网络营销发展的瓶颈,日益引起社会的关注。下面是本站小编为大家搜索整理的关于网络营销中诚信问题的探讨,欢迎参考阅读,希望对大家有所帮助!想了解更多相关信息请持续关注我们应届...
-
192.168.1.1路由器怎么设置和登陆
路由器怎么设置和登陆?路由器使用之前要先进行设置,以下是本站小编搜索整理的相关内容,详细步骤请看下文,请按照步骤仔细进行相关设置。如果出现什么问题,也可以查看路由器的说明书。想了解更多相关信息请持续关注我们应届毕业生培训网!路由器设置第一步:电脑和原网...
-
系统死机黑屏故障分析
电脑出现黑屏的现象时有发生,黑屏的故障原因也网罗计算机里面所有的软件与硬件,系统死机故障多半表现为黑屏,这类故障与显示器、显示卡关系很密切,同时系统主板、CPU、CACHE、内存条,电源等部件的故障也能导致黑屏。系统黑屏死机故障的一般检查方法,总结如下:1.排除"...
-
平面广告中使用图形创意的作用
提起平面广告相信许多小伙伴们都不会感到陌生吧,在于一些产品来说,打广告太常见了,可以起到很好的宣传作用,以下是小编给大家带来的平面广告中使用图形创意的作用,希望对大家有帮助。视觉设计又可以称之为图形设计,是VisualCommunicationDesign的中文翻译。有时在西...