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

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

  连续几天阅读《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

时间: 2024-10-26 04:25:21

Javascript中call方法和apply方法用法和区别的相关文章

javascript中的call()和apply()方法的使用

1.方法定义 call方法: 语法:call([thisObj[,arg1[, arg2[,   [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象. 说明: call 方法可以用来代替另一个对象调用一个方法.call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象. 如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj. apply方法: 语法:apply([thisObj[,argArray]])

浅谈javascript中的call与apply方法

call方法与apply方法都是为了改变函数体内部this的指向. call方法与apply方法,这二者的作用完全一样,只是接受参数的方式不太一样. apply()方法: Function.apply(obj,args) obj将代替Function里的this对象. args表示一个数组或者类数组.apply方法把这个集合中的元素作为参数传递给被调用的函数 call()方法中的第一个参数与apply方法一样,只不过第二个参数则是一个参数列表. 这里有一点要强调的是,在非严格模式下,当我们第一个

javascript中的call和apply方法介绍

/*构造函数模式*/function Person(name, age, job) {    this.name = name;    this.age = age;    this.job = job;    sayName = function() {        alert(this.name);    };}var personThis=new Person("thisLff", 24, "doctor");//①当构造函数来使用//构造函数对象都有一个c

浅谈javascript中的call()和apply()方法

话说在js中,每个函数都包含两个非继承而来的放方法,apply()和call(),使得我们能在特定的作用域中调用函数. 咱先来谈谈其共同点: 先以call为例: window.color = "red"; var o = {color: "blue"}; function sayColor(){ alert(this.color); console.log(this); } sayColor(); //red sayColor.call(this); //red s

JS中的call()方法和apply()方法用法总结

JS中的call()方法和apply()方法用法总结  : 参考   :     https://blog.csdn.net/ganyingxie123456/article/details/70855586 原文地址:https://www.cnblogs.com/wfblog/p/9169026.html

函数的call()方法和apply()方法

阅读各种框架的源码apply和call方法肯定经常看到,好好理解一下概念至关重要. JavaScript中的函数也是对象,和其他JavaScript对象没什么两样,函数对象也可以包含方法.其中的call()方法和apply()方法可以间接调用函数.两个方法都允许显式指定调用所需的this值,也就是说,任何函数都可以作为任何对象的方法来调用,哪怕这个函数不是那个对象的方法. 两个方法都可以指定调用的实参.call()方法使用它自有的实参列表作为函数的实参,apply()方法则要求以数组的形式传入参

call()方法和apply()方法用法总结

1. 每个函数都包含两个非继承而来的方法:call()方法和apply()方法. 2. 相同点:这两个方法的作用是一样的. 都是在特定的作用域中调用函数,等于设置函数体内this对象的值,以扩充函数赖以运行的作用域. 一般来说,this总是指向调用某个方法的对象,但是使用call()和apply()方法时,就会改变this的指向. call()方法使用示例: //例1 <script> window.color = 'red'; document.color = 'yellow'; var s

线程中sleep方法和wait方法有什么区别?(转)

线程中sleep方法和wait方法有什么区别? 如果你没有接触过java的多线程,那么多对于这两个方法可能有点陌生,看名字好像这两个方法是差不多的,但是实际上面差别好大. 首先我们看一下官方的API Sleep(sleep有两个方法,另一个方法传递两个参数,还有一个参数也是时间,只不过是纳秒级别的,所以和这个方法几乎一样,所以这里只分析这个毫秒级别的方法) public static void sleep(long millis) throws InterruptedException 首先是个

移花接木—— 再谈javascript中的 call 与 apply

在JavaScript中,call 和 apply 是Function对象自带的两个方法,这两个方法的主要作用是改变函数中的this指向,从而可以达到`接花移木`的效果.本文将对这两个方法进行详细的讲解,并列出几个关于call和apply的经典应用场景. call(thisArgs [,args...]) 该方法可以传递一个thisArgs参数和一个参数列表,thisArgs指定了函数在运行期的调用者,也就是函数中的this对象,而参数列表会被传入调用函数中.thisArgs的取值有以下4种情况