不同JS環境use strict對重複屬性處理的差異，jsstrict

不同JS環境use strict對重複屬性處理的差異，jsstrict

昨天改一個Bug不小心屬性名稱重複了，引出了一個很有意思的小Bug。導致Bug產生的是一段JS對象聲明的代碼，其結構與如下代碼等價。

var fn = function() {    'use strict';     var obj =  {         a: 1,         a: 2       // 因為聲明的屬性比較多，後面添加的屬性不小心與已有的屬性重複了       };     return obj};fn();

當時自己在PC的chrome中測試了程式，運行沒問題，也在安卓機上做了測試，也沒問題。但在iphone中卻報錯了，導致頁面無法正常渲染。通過Safari串連手機進行調試很容易的定位到了出錯的代碼，從而發現這個很有意思的問題：不同的JS運行環境下嚴格模式對重複屬性的處理策略各有不同。下面我們看下各個運行環境對這段代碼的執行情況

• chrome
• safari
  
• Firefox
• nodejs

從上面的實驗結果可以看出，即使在嚴格模式下，各個運行環境對部分細節的處理也是不盡相同的。safari和nodejs的嚴格模式下對象字面量禁止重複屬性聲明，而chrome和Firefox則沒有這方面的限制。chrome和nodejs按說用的同一個指令碼引擎，理應表現一致才對，出現這個的差異有點讓人費勁。所以即使嚴格模式下運行通過的代碼也不是100%保險的，多做測試還是非常必要的。