JavaScript报错Unexpected identifier如何修复？日志器代码语法问题求助

嘿，这个问题其实是个很常见的小坑——JavaScript里压根没有int这个类型声明关键字！你写的int idx = 0;是Java、C++这类静态类型语言的写法，但JS是动态类型语言，声明变量得用var、let或者const：

• 如果需要兼容非常旧的JS环境，用var就行；
• 更推荐用let，因为它是块级作用域，刚好适合像idx这种后续需要修改值的变量；
• 只有当变量值不会被修改时，才用const。

所以你只需要把第2行改成：

let idx = 0;

就能解决这个Unexpected identifier错误啦。

另外给你两个小建议，帮你优化这段日志器代码：

• 你现在通过多层childNodes嵌套获取元素的写法太脆弱了——只要页面DOM结构稍微变一点（比如加了个新标签、调整了层级），代码直接就失效了。建议给目标日志容器加个专属的class或者id，然后用document.querySelector直接获取，比如给目标元素加class="log-list"，然后写const localLogs = logs.querySelector('.log-list');，这样代码健壮性会高很多。
• addEventListener的返回值是undefined，所以你没必要把它赋值给auto_logger变量，直接调用监听事件就好。

最后给你贴个完整的修正版代码：

const logs = document.getElementById("logs");
let idx = 0;

logs.addEventListener('logger', function(event) {
    // 用选择器替代脆弱的多层childNodes嵌套
    const localLogs = logs.querySelector('.log-list');
    if (localLogs.childNodes[idx] != null) {
        idx++;
        console.log("log added!");
    }
});

内容的提问来源于stack exchange，提问作者Voided