React学习手册

JavaScript

新特性

｜

15

图

2

-

2

：对于每个box容器来说，i的值都是

5

使用关键字

let

替代

var

定义循环计数器

i

，从而限定它的作用域。现在单击任意一个

box

后，将会显示

i

的作用域被限定在循环过程内部的值（见图

2-3

）：

var div, container = document.getElementById('container')

for (let i=0; i<5; i++) {

div = document.createElement('div')

div.onclick = function() {

alert('This is box #: ' + i)

}

container.appendChild(div)

}

图

2

-

3

：关键字let限定了i的作用域

模板字符串

模板字符串为用户提供了一种连接字符串的替代性方案。它还允许用户在字符串中插

入变量。

16

｜

第

2

章

普通的字符串拼接是通过加号（

+

）和逗号（，）将变量和若干字符串拼接在一起后

得到一个新字符串的：

console.log(lastName + ", " + firstName + " " + middleName)

通过模板，我们可以创建一个字符串并使用

${ }

将变量值插入其中：

console.log(`${lastName}, ...