在设置上下文时,使用bind的替代方法是什么?
What is the alternative to using bind when setting context?
到目前为止,我一直在使用以下语法在我的web应用程序。
function.bind( obj );
假设我有一个对象:
myObj = {
msg: 'You have logged ',
init: function(){
$( 'input' ).on( 'click', this.log.bind( this ) ),
},
log: function( e ){
console.log( this.msg + $( e.target ).val() );
}
}
可以调用init
函数。
但问题是,我读到。bind函数()将被弃用。是jQuery绑定函数还是JavaScript绑定函数将被弃用?
如果这是将要被弃用的JavaScript函数,那么它的替代方案是什么呢?
但问题是,我读到。bind函数()将被弃用。是jQuery绑定函数还是JavaScript绑定函数将被弃用?
没有问题,因为你用的不是$.bind
,而是Function.prototype.bind
如果这是将要被弃用的JavaScript函数,那么它的替代方案是什么?
Function.prototype.bind
未被弃用。你的代码大部分很好,除了
关于代码的一些注意事项
// no `var`, `let` or `const` keyword
myObj = {
msg: 'You have logged ',
init: function(){
// event handlers usually pass an `event` object
$( 'input' ).on( 'click', this.log.bind( this ) ),
},
log: function(){ // no `e` param here
console.log( this.msg + $( e.target ).val() );
}
}
可以更新为
var myObj = {
msg: 'You have logged ',
init: function(){
$( 'input' ).on( 'click', this.log.bind( this ) ),
},
log: function(e){
console.log( this.msg + $( e.target ).val() );
}
}
和一个完全替代的方式来表达代码使用ES6 -箭头函数有一个词法this
,所以在这个例子中不需要Function.prototype.bind
const myObj = {
msg: 'You have logged ',
init () {
$('input').on('click', event => this.log(event));
}
log (event) {
console.log(this.msg, $(event.target).val());
}
};
您目前可以使用$.proxy()
。尽管$.proxy()
在未来的jQuery版本中也可能被弃用。
$( 'input' ).on( 'click', $.proxy( this.log, this ) )
相关文章:
- 打破承诺链的好方法是什么
- 在JavaScript中拆分日期字符串的更好方法是什么
- 将jQuery.ech()方法转换为本地JavaScript抽象的最佳方法是什么
- 处理浮点错误的最佳方法是什么
- 基于窗口宽度jquery的函数的替代方法是什么
- knex:根据结果创建数组的合适方法是什么
- 以编程方式填充组合框道场 (1.8) 的最佳方法是什么?
- 使用Modernizr检测移动设备最可靠的方法是什么
- 确定var是否是javascript中的elementFinder对象的方法是什么
- 用javascript修复这个JSON对象字符串最干净的方法是什么
- 让会话值可用于JavaScript的好方法是什么
- 从AngularJs获取谷歌地图对象的正确方法是什么
- 使用ReactJS和Flux架构从服务器获取数据的正确方法是什么
- 列出没有 mysql 的元素的最佳方法是什么
- 克服错误的更优雅的方法是什么:需要对象说明符.当通过JXA通过Messages发送SMS时,参数没有对象说明符
- 使用较少代码隐藏和显示选择菜单内容的更好方法是什么?javascript
- 在 Javascript 中实现解耦代码/回调的正确方法是什么?
- 使用Javascript,获取元素的方法是什么,基于打开和关闭标记之间的文本
- 在d3.json中使用d3.csv组合多个csv文件数据输入的最佳方法是什么
- 直接在DOM事件处理程序中调用作用域函数的最短方法是什么