Question

ES2015中模板字符串的上下文中“传递的数组是否被冻结”是什么意思？

Answer 1

您可以在ECMA Script 6中定义自定义模板文字标签。例如，

(function(parts, a, b) {
  return Object.isFrozen(parts) && Object.isFrozen(parts.raw);
}) `foo${0}bar${0}baz`;

来源：https://kangax.github.io/compat-table/es6/#test-template_literals

在上面的代码中，函数对象是模板文字的“标记”。

评估模板文字时，将使用模板文字的所有部分（在本例中为foo，bar和baz）调用标记函数数组。您看到的测试用例是确保数组对象已经冻结。

测试基本上检查ES6 Spec的this section，

Perform SetIntegrityLevel(rawObj, "frozen").
...
Perform SetIntegrityLevel(template, "frozen").

Answer 2

这并不意味着模板字符串的上下文中有任何特殊之处。它只意味着数组is frozen。来自文档：

当且仅当对象不是extensible，其所有属性都是不可配置的，并且其所有数据属性（即不具有getter或setter组件的访问器属性的属性）时，对象都被冻结不可写。

因此，传递给标记函数的字符串数组基本上是不可变。这应该允许引擎将其存储为常量，并在每次评估标记模板文字时重复传递相同的数组对象。

Answer 3

模板字符串是ECMA6概念，我们可以使用“`”编写和附加多行代码，就像我们使用字符串concat的双引号一样。

var container = document.getElementById('container');

var todo = {
    id: 123,
    name: "Pick up dry cleaning",
    completed: true
}

container.innerHTML = `
<div todo='$(todo.id)' class="list-group-item"> 
 <i class='${todo.completed}?"hidden":"glyphicon-ok"} text-success glyphicon'></i>
 <span class="name">${todo.name}</span>
`
Templates strings are the ECMA6 concepts where we can write and append multiple line code with " ` " as before we use to do with double quotes with string concat.

  <div id="container" class="container">
    </div>

ES2015中的模板字符串

3 个答案: