【问题标题】:Ready only error and const in es6 mistakees6 错误中的 Ready only 错误和 const
【发布时间】:2019-12-30 19:32:37
【问题描述】:

我在尝试运行的此脚本中收到只读错误。

我正在尝试学习 const 和新的 es6,我不得不承认它非常简单,但在这种情况下,我不能 100% 确定这是问题所在。

这是我的代码:

$(() => {
    const containerImage = document.querySelector( '.images' );
    const getPictures = () => {
        $.ajax({url: "https:myurl/photos.json", success: function(result) {
            const singleImage = result.photos;
            const content = "";
            content += "<div class='row'>";
            for(let i = 0; i < singleImage.length; i++){
                content.innerHTML += `<div class="col-md-4">
                <img src=${singleImage[i].image}>
                </div>`;
            };
            content += "</div>";
            containerImage.innerHTML = content;
        }});

    }
    getPictures();
});

有人注意到我的代码中有什么奇怪的地方吗?

加上控制台提及并抛出此错误:

function _readOnlyError(name) { throw new Error("\"" + name + "\" is read-only"); }

但我什至没有进入严格模式。

【问题讨论】:

  • 为什么在不是 DOM 对象的变量中使用content.innerHTML?

标签: ecmascript-6 constants strict


【解决方案1】:

常量不能修改。变化:

const content = ""; 
content += "<div class='row'>";

到

let content = "";
content += "<div class='row'>";

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-12-07
    • 2016-10-04
    • 1970-01-01
    • 2019-03-30
    • 1970-01-01
    • 2020-07-20
    • 1970-01-01
    相关资源
    最近更新 更多