Js dom下标引用问题

Js 变量引用问题

相关代码

<!DOCTYPE html>
<html lang="en">

<head>

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>

</head>

<body>

<p>Js 下标引用问题</p>
<div>初始值: index = 0</div>
<button id="a1">增加</button>
<button id="a2">减少</button>
<div>结果:
    <span id="result"></span>
</div>
<script>
    var index = 0;
    var arr = [1, 2, 3, 4, 5, 6];
    function setIndex(idx, arry, state) {
        if (state) {
            idx++;
        } else {
            idx--;
        }
        document.getElementById('result').innerHTML = idx + ':' + arr[idx];
    }
    document.getElementById('a1').addEventListener('click', function () {
        setIndex(index, arr, 1)
    }, false)
    document.getElementById('a2').addEventListener('click', function () {
        setIndex(index, arr, 0)
    }, false);
</script>

</body>

</html>

很奇怪js addEventListener 方法引用全局的index 在点击事件中index每次为啥未增加？还请知道的大牛解惑.

阅读 2.3k

var index = {id:0}; var arr = [1, 2, 3, 4, 5, 6]; function setIndex(idx, arry, state) { if (state) { idx.id++; } else { idx.id--; } document.getElementById('result').innerHTML = idx.id + ':' + arr[idx.id]; } document.getElementById('a1').addEventListener('click', function () { setIndex(index, arr, 1) }, false) document.getElementById('a2').addEventListener('click', function () { setIndex(index, arr, 0) }, false);

Js dom下标引用问题

Js 变量引用问题

相关代码

很奇怪js addEventListener 方法引用全局的index 在点击事件中index每次为啥未增加？还请知道的大牛解惑.

你尚未登录，登录后可以

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

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

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

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

为什么会出现CORS error？

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

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