zoukankan      html  css  js  c++  java
  • js中的apply()、call() 和 bind()

    apply()call(),这两个方法的用途都是在特定的作用域中调用函数,等同于设置函数体内部 this 指向的对象,也就是改变函数运行时的作用域。
      apply() 接收两个参数,第一个参数是给绑定 this 的值,第二个参数是参数数组,call() apply() 的作用相同,接收的第一个参数也相同,区别在于之后传入参数的方式不同,看个例子:

    var o = {
      color: 'blue'
    }
    var color = "red";
    
    function sayColor(num) {
      console.log(this.color + '-' + num);
    };
    sayColor(1); //red-1
    sayColor.apply(o,[2]); //blue-2
    sayColor.call(o,3); //blue-3
    

      可以看出,apply() call() 作用相同,传入参数也类似,区别只是apply() 传入的是个数组,call() 参数必须逐个列举出来传入。
      再说bind() ,传参方式和call() 比较相似,bind() 第一个参数也是绑定this的值,后面的参数也是需要逐个列举出来传入,不同的是,bind() 不会立即执行,bind() 会生成一个新的函数,之后就可以随时调用。说的不明白,看代码:

    var o = {
      color: 'blue'
    }
    var color = "red";
    
    function sayColor(num) {
      console.log(this.color + '-' + num);
    };
    var color = sayColor.bind(o,4);
    color(); //blue-4
    

      bind() 并不支持IE6~8,若想要低版本的IE支持bind() ,需要通过Function prototype进行扩展,自定义一个bind() 方法。像这样:

    if (! function() {}.bind) {
      Function.prototype.bind = function(context) {
        var self = this,
            args = Array.prototype.slice.call(arguments);
        return function() {
          return self.apply(context, args.slice(1));
        }
      };
    }
    
  • 相关阅读:
    tree related problems (update continuously)
    [单元測试]_[VC2010使用gtest单元測试入门]
    generate alphanumeric serial number
    UiAutomator源代码分析之获取控件信息
    Fckeditor常见漏洞的挖掘与利用整理汇总
    AsyncAwait
    .Net异步编程知多少
    ParameterizedThreadStart task
    AsyncAwait 学习
    8天玩转并行开发——第八天 用VS性能向导解剖你的程序
  • 原文地址:https://www.cnblogs.com/yangrenmu/p/7085859.html
Copyright © 2011-2022 走看看