jquery怎么改变一个函数中已经初始化的值

Question

在一个页面上有多个按钮，用来触发不同的模态框。模态框的操作差不多都相同，所以写一个javascript函数执行，只在调用时传递一个flag标识进行区分。

无法实现的场景是，这个页面上有一个总的按钮，触发一个事件，让所有模态框中的某个功能禁用或启用。

怎么才能写一个事件，改变已经被调用的函数中的值呢？

Answer 1

用了 ES2015 语法，下面有翻译成 ES5 的

直接上代码了，有不明白的在评论里讨论。

let showModal = (options => {
    function showModal(flat) {
        // show modal with `options`
    }

    showModal.setOptions = function(_options) {
        // 通过 $.extend 仅修改在 `_options` 中设置了的项
        options = $.extend(options, _options);
    };
})({ options1: "value" });

// 模拟显示对话框调用
$(".showButton").on("click", e => {
    showModal($(e.target).data("flag"));
});

// 模拟修改默认配置
$(".enableFeature").on("click", e => {
    showModal.setOptions({
        feature1: true
    });
});

翻译成 ES5 语法

var showModal = (function(options) {
    function showModal(flat) {
        // show modal with `options`
    }
    
    showModal.setOptions = function(_options) {
        // 通过 $.extend 仅修改在 `_options` 中设置了的项
        options = $.extend(options, _options);
    };
})({ options1: "value" });

// 模拟显示对话框调用
$(".showButton").on("click", function(e) {
    showModal($(e.target).data("flag"));
});

// 模拟修改默认配置
$(".enableFeature").on("click", function(e) {
    showModal.setOptions({
        feature1: true
    });
});

Answer 2

最后一句没听懂，至于上一句让所有的模态框的中的某个功能禁用或启用，那你可以给标签上加个及定义的data属于，用个事件函数控制这个属性的值，然后其他的功能函数在执行前先判断这个值，有的话就运行，没有就不运行。

Answer 3

function handler (){
    var index;
    
    function dohandler(){
        //根据index不同而不同
        
    }
    return {
        handler : dohandler
    }
}

外面调用

var hand = handler();

hand()
使用了闭包，每次调用可以修改index的值