小编这次要给大家分享的是JavaScript直接调用函数与call调用有什么区别,文章内容丰富,感兴趣的小伙伴可以来了解一下,希望大家阅读完这篇文章之后能够有所收获。
直接调用
直接调用函数是最常见最普通的方式,直接以函数附加的对象作为调用者, 在函数后括号内传入参数来调用函数
例如:
window.alert("测试代码");
其中调用者如果是window可以省略, 即直接alert("测试代码");
语法:call([thisObject[,arg1 [,arg2 [,...,argn]]]]);
新同学看来好像直接调用就够了, 其实不然, 直接调用函数方式简单易用但不够灵活, 有些时候调用函数时需要动态地传入一个函数的引用,此时为了动态地调用函数,就需要使用call方法来调用了
举个例子:
<script type="text/javascript"> var each =function(array,fn) { for(var index in array) { fn.call(null,index,array[index]); } } each([4,20,3],function (index,ele) { document.write("第"+index+"个元素是"+ele+"<br/>"); } ); </script>
乍看可能比较晕, 注意fn.call语句, call调用的格式是在参数第一个填调用者,后边按顺序输入参数, 参数形式比较特别, 与直接调用不同,调用者不写在前面, 而是参数第一项. 格式: fn.call(obj,args);
看到这里大家应该会有疑问, call到底和直接调用有什么区别, 区别就在于call调用修改了this指针的指向, 如果被调用的函数里压根没用到this也就没有什么区别了
再举一个被调用函数有this指针的例子:
var x = "我是全局变量"; //定义全局变量x function a(){ //定义函数类结构a this.x = "我是在函数类结构a中声明的哦"; } //定义普通函数,弹出当前指针所包含的变量x的值 function f(){ alert (this.x); } //返回值为“我是在函数类结构a中声明的哦” f.call(new a());
我的理解是,f.call(new a())就是把函数(其实也是对象)f复制到被调用对象“new a()”下面去解析,事实上和下面这段代码的解析结果一样:
function a(){ this.x = "我是在函数类结构a中声明的哦"; alert(this.x); } a();
事实上,是在调用f.call()的时候,修改了f()中的this指向。本来,f中的this.a,this.b属性都是自身的,但是通过f.call()调用时,传入了一个新的对象e()(this),这样,将e绑定到了f的this中,本来是给f增加的属性,加到了e中。(e与e(),f与f()都是等价的)有点类似于“继承”,但是这个应该叫 JS中对象冒充
apply() 方法与call()方法的功能节本相似 ,都可以用来动态地调用函数. apply()与call()的区别如下:
语法:apply([thisObj [,argArray] ]);
比如下面的两个语句是相等的:
myfun.call(window,12,13); myfun.capply(window,[12,13]);
在修改this指针这点上,apply()与call()也保持一致,
大体上来说apply()与call()只在传参形式上有些差别而已.
看完这篇关于JavaScript直接调用函数与call调用有什么区别的文章,如果觉得文章内容写得不错的话,可以把它分享出去给更多人看到。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。