為什么我越來越無法讀取未定義錯誤的屬性？

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語句無法遵循您之前的語法，因此會觸發自動分號插入 。