为什么我越来越无法读取未定义错误的属性？

Question

这段代码

 function Test(){ } new Test() ['width', 'height'].forEach(key => { console.log(key); }); 

给我错误

但是这段代码不是

 function Test(){ } new Test() var arr = ['width', 'height']; arr.forEach(key => { console.log(key); }); 

为什么？

我正在使用Chrome版本53.0.2785.116（64位）-Macbook air 2014

Answer 1

根据快照，您使用的是chrome，Chrome很久以来就支持.forEach 。 我的猜测是，问题是由于缩小或缺少分号（ ; ）

样品

 function test(){ this.name = "test"; } var a = new test()['width', 'height'].forEach(key => { console.log(key); }); 

Answer 2

您已经从代码中省略了实际上导致问题的任何内容。

在[之前，您必须具有引用对象的内容。

这意味着[]语法成为读取属性值的语法，而不是创建数组的语法。

然后（因为使用的是逗号运算符） 'width', 'height'解析为'height'因此您尝试读取height属性。

由于无论对象是什么，都没有height属性，因此您将获得undefined属性，该属性没有forEach属性。

要解决此问题，请在上一条语句的末尾加上分号 。

代码的第二个版本有效，因为var语句无法遵循您之前的语法，因此会触发自动分号插入 。