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

问题描述

问 题

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

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

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

解决方案

用了 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
    });
});

这篇关于javascript - jquery怎么改变一个函数中已经初始化的值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！