如何通过html可访问标记使用或创建非全局javascript变量缓存

Question

我有一个javascript函数，需要从输入字段中调用“ onkeyup”：

<input id="searchSurname" type="text" name="surname" onkeyup="queryPatients()" />

但是，在会话的整个生命周期内（或者只要用户正在使用该页面），该功能就必须能够缓存每次事件发生时的某些结果。

为了防止我的缓存变量可全局访问（讨厌），我将它们括在一个匿名函数中（我已经看到了很多模式）

(function(){

    var cacheSurname = "";
    var cacheGivenNames = "";

    function queryPatients() {

        var surname = $('#searchSurname').val();
        var givenNames = $('#searchGivenNames').val();

        // do some more work, cache the variables 
        cacheSurname = surname;
        cacheGivenNames = givenNames;
    }   
}).call(this);

但是，如此封闭，我的输入字段无法调用该方法。

有合适的解决方案吗？ 还是我必须诉诸于全局变量？

Answer 1

由于使用的是jQuery，因此可以绑定到该“私有”范围内的key up事件。

(function(){

    var cacheSurname = "";
    var cacheGivenNames = "";

    function queryPatients() {

        var surname = $('#searchSurname').val();
        var givenNames = $('#searchGivenNames').val();

        // do some more work, cache the variables 
        cacheSurname = surname;
        cacheGivenNames = givenNames;
    } 
    $('#searchSurname').on('keyup', queryPatients);
}).call(this);