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;