在一个页面上有多个按钮,用来触发不同的模态框。模态框的操作差不多都相同,所以写一个javascript函数执行,只在调用时传递一个flag标识进行区分。无法实现的场景是,这个页面上有一个总的按钮,触发一个事件,让所有模态框中的某个功能禁用或启用。怎么才能写一个事件,改变已经被调用的函数中的值呢?
1 回答

慕标琳琳
TA贡献1830条经验 获得超9个赞
用了 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 }); });
添加回答
举报
0/150
提交
取消