箭头函数可以绑定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');