绑定this

      箭头函数可以绑定this对象,大大减少了显示绑定this对象的写法(call apply bind)。但是箭头函数并非适用于所有场合,所以 ES7 提出了"函数绑定"(function bind)运算符,用来取代call,apply,bind调用。

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

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

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

 var method = obj::obj.foo;
 //等同于
 var method= ::obj.foo;
 let log = ::console.log;
 //等同于
 var log = console.log.bind(console);
 
let{find,html} = jake;
document.querySelectorAll("div.myClass");
::bind('p');
::html('haha');


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值