Làm cách nào để removeEventListener là addEventListener có chức năng ẩn danh?

function doSomethingWith(param)
{
    document.body.addEventListener(
        'scroll',
        function()
        {
            document.write(param);
        },
        false
    ); // An event that I want to remove later
}
setTimeout(
    function()
    {
        document.body.removeEventListener('scroll', HANDLER ,false);
            // What HANDLER should I specify to remove the anonymous handler above?
    },
    3000
);
doSomethingWith('Test. ');

Bạn không thể. Bạn phải sử dụng một hàm được đặt tên hoặc lưu trữ tham chiếu bằng cách nào đó.

var handler;

function doSomethingWith(param) {
    handler = function(){
        document.write(param);
    };  
    document.body.addEventListener('scroll', handler,false);
}
setTimeout(function() {
     document.body.removeEventListener('scroll', handler ,false);
}, 3000);

Cách tốt nhất là thực hiện điều này theo cách có cấu trúc để bạn có thể xác định các trình xử lý khác nhau và xóa chúng. Trong ví dụ trên, rõ ràng bạn chỉ có thể loại bỏ trình xử lý cuối cùng.

Cập nhật:

Bạn có thể tạo trình xử lý trình xử lý của riêng mình (:)):

var Handler = (function(){
    var i = 1,
        listeners = {};

    return {
        addListener: function(element, event, handler, capture) {
            element.addEventListener(event, handler, capture);
            listeners[i] = {element: element, 
                             event: event, 
                             handler: handler, 
                             capture: capture};
            return i++;
        },
        removeListener: function(id) {
            if(id in listeners) {
                var h = listeners[id];
                h.element.removeEventListener(h.event, h.handler, h.capture);
                delete listeners[id];
            }
        }
    };
}());

Sau đó, bạn có thể sử dụng nó với:

function doSomethingWith(param) {
    return Handler.addListener(document.body, 'scroll', function() {
        document.write(param);
    }, false);
}

var handler = doSomethingWith('Test. ');

setTimeout(function() {
     Handler.removeListener(handler);
}, 3000);

BẢN GIỚI THIỆU

Bạn không thể, bạn cần tham chiếu đến hàm:

function doSomethingWith(param) {
   var fn = function(){ document.write(param); };
   document.body.addEventListener('scroll', fn, false);
   setTimeout(function(){ document.body.removeEventListener('scroll', fn, false); }, 3000);
}
doSomethingWith('Test. ');

Bạn cũng có thể làm điều này như vậy:

const ownAddEventListener = (scope, type, handler, capture) => {
  scope.addEventListener(type, handler, capture);
  return () => {
    scope.removeEventListener(type, handler, capture);    
  }
}

Sau đó, bạn có thể xóa trình nghe sự kiện như sau:

// Add event listener
const disposer = ownAddEventListener(document.body, 'scroll', () => { 
  // do something
}, false);

// Remove event listener
disposer();

nếu bạn không phải hỗ trợ IE, bạn có thể sử dụng tùy chọn một lần

[Element].addEventListener('click', () => {...}, {
  capture: false,
  once: true
});