使用 javascript 限定符 `const` 时 safari 和 chrome 之间的不同行为答案

【问题标题】：Different behavior between safari and chrome when using javascript qualifier `const`使用 javascript 限定符 `const` 时 safari 和 chrome 之间的不同行为
【发布时间】：2015-12-16 09:21:18
【问题描述】：

我对 javascript 很陌生。我想知道为什么代码攻击会在 safari 和 chrome 之间给出两种不同的结果。

<!DOCTYPE html>
<html>
  <head>
    <h1> test </h1>
  </head>
  <body>
    <div id='test'> </div>
    <div id='num0' style='display:none'> number one</div>
    <div id='num1' style='display:none'> number two</div>

    <script type="text/javascript">
      for (var i = 0; i <2; i++){
        const data = document.getElementById("num"+i).innerHTML;
        var newDiv = document.createElement("div");
        newDiv.id = i;
        newDiv.innerHTML = data;
        document.getElementById('test').appendChild(newDiv);
      }
    </script>
  </body>
</html>

野生动物园：

test
number one
number two

铬：

test
number one
number one

似乎 safari 忽略了 const 限定符。这是未定义的行为吗？幕后发生了什么？

【问题讨论】：

const 尚未普遍实现。

标签： javascript google-chrome safari constants

【解决方案1】：

Safari 的行为是正确的。 const 是块作用域的，所以每当循环重复时，前一次迭代的const-qualified 变量不再可用，所以新的const data 声明可以成功——就像let 一样。在严格模式下，Chrome 的行为也与 Safari 类似。

在非严格模式下，Chrome 使用旧形式的 const，其中 (const) 变量声明被提升，更新变量的尝试被忽略。

例子：

function log(msg) {
    document.body.appendChild(document.createElement('div')).textContent = msg;
}
(function() { // Chrome 45 (BAD) : 0 0 0
    log('No strict mode');
    for (var i = 0; i < 2; ++i) {
        const data = i;
        log(data);
    }
    try {
        log(data); // Should fail
    } catch (e) { log(e); }
})();
(function() { // Chrome 45 (GOOD): 0 1 ReferenceError: data is not defined
    'use strict';
    log('In strict mode');
    for (var i = 0; i < 2; ++i) {
        const data = i;
        log(data);
    }
    try {
        log(data); // Should fail
    } catch (e) { log(e); }
})();

【讨论】：