Javascript中call方法和apply方法用法和区别

标签：style   blog   class   code   java   c   

　　第一次在博客园上面写博客，知识因为看书的时候发现了一些有意思的知识，顺便查了一下资料，就发到博客上来了，希望对大家有点帮助。　　

　　连续几天阅读《javascript高级程序设计》这本书了，逐渐发现了以前很多自己完全没有用过甚至见过的神奇知识点。今天在阅读到有关函数的属性和方法的时候，略感高级，于是乎，查阅了不少他人的博客，在此总结一下这两个方法的以下几个方面:

1.call()和apply()的作用和用法
2.什么时候用apply()，什么时候用call()

　　书上提到，每个函数都包含两个非继承而来的方法：apply和call，他们的作用都是将函数绑定到另外一个对象上去运行，也就是说，这两个方法的用途都是在特定的作用域中调用函数，调用的时候，设置了函数体内this对象的值。首先展示一下它们的用法：　

1 fun.apply(thisArg[, argsArray]);
2 fun.call(thisArg[, arg1[, arg2[, ...]]]);

 可以看出，apply与call的区别是第二个参数不同。apply是  数组或者arguments 对象。而call是逗号隔开的任何类型。为了更直观地展示这两个方法的用法，先举一个例子：

 1 <script type="text/javascript">
 2     window.color = "red";
 3     var colorSet = {
 4         color : "gray"
 5     }
 6     function showColor() {
 7         alert(this.color);
 8     }
 9     showColor();        //red
10 
11     showColor.call(this);        //red
12     showColor.call(window);        //red
13     showColor.call(colorSet);        //gray
14 </script>

这里先介绍以下this指针的概念：在javascript里面，this指针代表执行当前代码的对象所有者。在非严格模式下，未指定环境对象而调用函数，this指针值不会转型为window。当执行上面的代码的第9行的时候，所在的执行环境是全局环境，对象所有者是window，而window对象有一个color属性，因而得到的结果是red。至于11和12行，就是显示调用了window。接下来的13行就是上面代码的关键了，当运行showColor.call(colorSet);的时候，函数的执行环境不一样了，此时函数体内的this指针指向了对象colorSet，于是结果显示的就是colorSet的color属性。

本文主要参考了一下博客：

http://blog.csdn.net/myhahaxiao/article/details/6952321

Javascript中call方法和apply方法用法和区别,布布扣,bubuko.com

Javascript中call方法和apply方法用法和区别

标签：style   blog   class   code   java   c   

原文地址：http://www.cnblogs.com/yuanzm/p/3723901.html