锐客网

  1. 首页 > 睿知 > it技术 > >

call()apply() bind()方法的作用和区别！

IT知识区别作用方法

贵有恒，何必三更起、五更眠、最无益，只怕一日曝、十日寒。这篇文章主要讲述call()apply() bind()方法的作用和区别！相关的知识，希望能为你提供帮助。
从一开始，我是在书上看到关于bind()、call() 和 apply(), 不过长久以来，在工作中与网上接触到了很多关于这三个方法的使用场景，对这三个方法也算是比较熟悉了。所以把他们的作用和区别简单阐述一下！
javascript权威指南上的解释是： call() 、apply()可以看作是某个对象的方法，通过调用方法的形式来间接调用函数。bind() 就是将某个函数绑定到某个对象上。
 
关于call() 和 apply() 在犀牛书上的解释可能比较生涩难懂，我的理解就是，它们的作用是： 让函数在某个指定的对象下执行。
例：
var obj = {x: 1}
function foo() {console.log(this.x)}
foo.call(obj)       打印结果： 1
call() 和apply()的第一个参数相同，就是指定的对象。这个对象就是该函数的执行上下文。
call()和apply()的区别就在于，两者之间的参数。
call()在第一个参数之后的   后续所有参数就是传入该函数的值。apply() 只有两个参数，第一个是对象，第二个是数组，这个数组就是该函数的参数。
【call()apply() bind()方法的作用和区别！】例1：
var obj = {};
function foo(a, b, c) {
  console.log(b);
}
foo.call(obj, 1, 2, 3)   打印结果： 2;
例2：
var obj = {};
function foo(a, b, c) {
  console.log(b);
}
foo.apply(obj, [1, 2, 3])   打印结果： 2;
 
bind() 方法和前两者不同在于： bind() 方法会返回执行上下文被改变的函数而不会立即执行，而前两者是直接执行该函数。他的参数和call()相同。
 
这三个方法的作用都是改变函数的执行上下文！





    推荐阅读


    上一篇：Android与H5互调（通过实例来了解Hybrid App）

    下一篇：安卓笔记抽屉式布局----DrawerLayout