javascript - `` 模板语法-优雅降级

Question

新的 javascript 模板语法很棒。 super 可读和强大。我想开始使用它。

我试过这个模板:

function addGalleryItem(imageData, file) { 
    try {
        var template = `
            <section class="imageGalleryItem">
                <img src="${imageData}"/>
                <div class="itemTools" id="${file.name}">
                    <input type="text" class="description" name="description" placeholder="Description"/> <br />
                    <input type="button" name="mainImage" value="Main Image" onclick="makeMain(this)"/>
                    <input type="button" name="remove" value="Remove" onclick="removeImage(this)"/>
                </div>
            </section>
        `;
    } catch { 
        var template = '<section class="imageGalleryItem">' +
            '   <img src="' + imageData + '" />' +
            '   <div class="itemTools" id="' + file.name + '">' +
            '       <input type="text" class="description" name="description" placeholder="Description"/>'+
            '       <br />' +
            '       <input type="button" name="mainImage" value="Main Image" onclick="makeMain(this)"/>' +
            '       <input type="button" name="remove" value="Remove" onclick="removeImage(this)"/>' +
            '   </div>' +
            '</section> ';
    }

    $('#imageGallery').append(template);

}

但是亲爱的 IE 会因为反引号 (`) 发出语法错误的尖叫声。 MSDN's article on the subject宣扬 Edge 的强大功能，但没有提及为 IE 做些什么。

今天有没有办法直接将新模板语法用于生产用途？还是我们在转译过程中卡住了？

Answer 1

您不能使用 try...catch 语句来捕获语法错误，因为它们甚至在代码执行之前就已抛出。

你要么放弃对不支持模板文字的浏览器的支持，要么使用 Babel。