zoukankan      html  css  js  c++  java
  • JS 中this绑定ES5 与ES6总结call(),applay(),bind(),双冒号运算符,箭头函数

    ES5

    let arg = [arg1, arg2, arg3......]
    
    1. call(target,...arg)
      
      
    第一个参数,是this指向
      第二个参数,及其以后的参数都是数组里面的元素,就是说要全部列举出来;

    2.
    applay(target, arg)
      第一个参数,是this指向
      第二个参数,是一个参数数组
    3. bind(target)

     第一个参数,是this指向
    bind是返回对应函数,便于稍后调用,apply、call是立即调用;

    ES6

    1.箭头函数可以绑定this,因为箭头函数无自己的this,始终指向箭头函数外层的this,但是,箭头函数并不适用于所有场合

    2.双冒号运算符,可以替代call(),applay(),bind()

      ( :: ) 双冒号: 冒号左边是对象,右边是函数,该运算符会自动将左边的对象,作为上下文环境(即this对象),绑定到右边的函数上面。

    foo::bar;
    // 等同于
    bar.bind(foo);
    
    foo::bar(...arguments);
    // 等同于
    bar.apply(foo, arguments);

      双冒号左边为空,右边是一个对象的方法,则等于将该方法绑定在该对象上面。

    var method = obj::obj.foo;
    // 等同于
    var method = ::obj.foo;

      

  • 相关阅读:
    SQL Server sql 操作
    MYSQL获取自增ID的四种方法
    Mysql自增字段
    三种JDBC批量插入编程方法的比较
    C3P0连接池使用小结
    数据库连接池 c3p0 demo 代码和分析
    Eclipse 安装对 Java 8 的支持
    Java读取Properties文件的六种方法
    常备软件及必要配置
    HBase-存储-概览
  • 原文地址:https://www.cnblogs.com/z-dl/p/8288671.html
Copyright © 2011-2022 走看看