JS 中this绑定ES5 与ES6总结call(),applay(),bind(),双冒号运算符，箭头函数

最新推荐文章于 2024-04-01 20:43:51 发布

weixin_30338481

最新推荐文章于 2024-04-01 20:43:51 发布

阅读量369

点赞数

原文链接：http://www.cnblogs.com/z-dl/p/8288671.html

版权

ES5

let arg = [arg1, arg2, arg3......]

1. call(target,...arg）
　　
　　第一个参数，是this指向
　　第二个参数，及其以后的参数都是数组里面的元素，就是说要全部列举出来；

2. applay(target, arg)

　　第一个参数，是this指向
　　第二个参数，是一个参数数组

3. bind(target)

　第一个参数，是this指向

bind是返回对应函数，便于稍后调用，apply、call是立即调用；

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;

转载于:https://www.cnblogs.com/z-dl/p/8288671.html

关注