zoukankan      html  css  js  c++  java
  • javascript bind函数

    bind函数,顾名思义,用于为调用函数绑定一个作用域,因为this很容易跟丢它原来所在的作用域,直接指向顶层的window对象。具体结论可参见我另一篇博文《javascript的动态this与动态绑定》。本文专注设计一个无侵入的绑定函数。

    window.name = "the window object"
    
    function scopeTest() {
      return this.name
    }
    
    // calling the function in global scope:
    scopeTest()
    // -> "the window object"
    
    var foo = {
      name: "the foo object!",
      otherScopeTest: function() { return this.name }
    }
    
    foo.otherScopeTest()
    // -> "the foo object!"
    

    基于不扩展原生对象的原则,弄了这个bind函数(dom为作用域),用法与Prototype框架的bind差不多。

       dom.bind = function(fn,context){
        //第二个参数如果你喜欢的话,也可以改为thisObject,scope,
        //总之,是一个新的作用域对象
        if (arguments.length < 2 && context===undefined) return fn;
        var method = fn,
        slice = Array.prototype.slice,
        args = slice.call(arguments, 2) ;
        return function(){//这里传入原fn的参数
          var array = slice.call(arguments, 0);
          method.apply(context,args.concat(array))
        }
    

    用法:第一个参数为需要绑定作用域的函数,第二个为window或各种对象,其他参数随意。

    另一个例子:

  • 相关阅读:
    旁友数独会伐啦?python秒解数独了解下伐啦?
    趁老王不在,和隔壁邻居斗斗地主,比比大小
    ll字段 详解 文件权限
    etc/pass命令列表
    maven配置
    linux常用汇总
    Tomcat学习笔记
    JavaEE高级-Hibernate学习笔记
    JavaEE高级-通用Mapper学习笔记
    jQueryrocket
  • 原文地址:https://www.cnblogs.com/rubylouvre/p/1639541.html
Copyright © 2011-2022 走看看