JavaScript:为什么 .forEach 不起作用？

Question

这是一小段代码:

window.addEventListener('load', function() {
    ['echo'].forEach(function(entity) {
        console.log('loaded entity=' + entity)
    })
})

console.log(['echo'])
console.log(['echo'].forEach)
['echo'].forEach(function(entity) {
    console.log('entity=' + entity)
})

输出看起来像这样:

["echo"]
function forEach() { [native code] }
Uncaught TypeError: Cannot read property 'echo' of undefined
loaded entity=echo

为什么会出现这个错误？我假设 undefined 是 .forEach 中的 this。为什么在调用 .forEach 时没有通过？

Answer 1

分号!

window.addEventListener('load', function() {
    ['echo'].forEach(function(entity) {
        console.log('loaded entity=' + entity);
    })
});

console.log(['echo']);
console.log(['echo'].forEach);
['echo'].forEach(function(entity) {
    console.log('entity=' + entity);
});

---

问题出在这里:

console.log(['echo'].forEach)
['echo'].forEach(function(entity) {

换行符被忽略，因为它被解析为:

console.log(['echo'].forEach)['echo'].forEach(function(entity) {

console.log() 返回 undefined，undefined['echo'] 引发异常。

所以使用分号并且开心。或者不要和受苦。