javascript - jquery怎么改变一个函数中已经初始化的值
伊谢尔伦
伊谢尔伦 2017-04-11 12:20:50
[JavaScript讨论组]

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

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

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

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全部回复(3)
ringa_lee

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

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

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

外面调用

var hand = handler();

hand()
使用了闭包,每次调用可以修改index的值
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号