js switch case 语句中 事件重复调用

js switch case 语句中事件重复调用

for(var i; i < 10; i++){
    switch(type(i)){
        case 'import':
            $(id[i]).bind(function);
            break;
        case 'save':
            $(id[i]).bind(function);
            break;
           ···
        default:
           break;
    }
}

这么一个for + swtch ，然后执行代码后发现每个相应id上绑定了 n多click事件。求各位大神解释。

阅读 3.8k

function onImport() { } function onSave() { } const actions = { // 如果有参数自己扩展 "import": () => onImport(), "save": () => onSave() }; for (let i = 0; i < 10; i++) { const handler = actions[type(i)]; if (handler) { $(id[i]).bind(handler); } }

首先，这个问题应该不是javascript语言的特性问题，属于程序逻辑的问题。
其次，你的代码，有错误，在for里面var i应该还要给i初始化赋值，也即for(var i=0;i<10;i++)
然后，我模拟了你的代码，没有重现你的问题，是不是你的type(i)取到的值都是一样的？这是我模拟的代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>TEST</title>
    <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU="> crossorigin="anonymous"></script>
</head>
<body>
    <button id="btn0">btn0</button>
    <button id="btn1">btn1</button>
    <button id="btn2">btn2</button>
    <script type="text/javascript">
    for (var i = 0; i < 3; i++) {
        switch (i) {
            case 0:
                $('#btn' + i).bind('click', function(event) {
                    console.log($(this).text());
                });

                break;
            case 1:
                $('#btn' + i).bind('click', function(event) {
                    console.log($(this).text());
                });
                break;
            case 2:
                $('#btn' + i).bind('click', function(event) {
                    console.log($(this).text());
                });
                break;
            default:
                break;
        }
    }
    </script>
</body>
</html>

js switch case 语句中事件重复调用

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

vue项目如何在初始化之前跳转外部页面？

js如何控制移动端overflow:scroll容器滑动的最大速度？

前端代码更新如何通知用户刷新页面？

为什么会出现CORS error？

请问一下，如何理解reduce函数呢？

如何实现从一个div中拖拽dom到另一个div容器？

js switch case 语句中 事件重复调用

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

vue项目如何在初始化之前跳转外部页面？

js如何控制移动端overflow:scroll容器滑动的最大速度？

前端代码更新如何通知用户刷新页面？

为什么会出现CORS error？

请问一下，如何理解reduce函数呢？

如何实现从一个div中拖拽dom到另一个div容器？

js switch case 语句中事件重复调用