极客观点
项目管理
HarmonyOS
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<input type="text">
<script>
var input = document.querySelector('input');
input.addEventListener('input',aaa,false)
function a(e) {
setTimeout(function () {
b(e);
},200)
}
function b(e) {
input.removeEventListener('input',aaa,false);
}
function aaa(e) {
console.log(e.target.value);
a(e);
}
</script>
</body>
</html><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<input type="text">
<script>
var input = document.querySelector('input');
input.addEventListener('input',aaa.bind(this),false)
function a(e) {
setTimeout(function () {
b(e);
},200)
}
function b(e) {
input.removeEventListener('input',aaa.bind(this),false);
}
function aaa(e) {
console.log(e.target.value);
a(e);
}
</script>
</body>
</html>上面两个代码为什么一个可以解除DOM的绑定的事件，一个不可以，原因出现在bind这个函数，我想知道为什么bind(this)就不能实现这个功能呢????
每次
bind()都会生成一个新的函数返回出来，所以a.bind(o) !== a.bind(o)