| 日 | 一 | 二 | 三 | 四 | 五 | 六 |
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
[复位日记]
网站统计
·今日访问 : 254
·页面点击 : 469
·当前在线 : 8
2025年10月3日 星期五[阅读 104]
JS模板字符串使用一对反引号 ` ` 包裹,反引号之内可以包含JS变量或算式,用 ${变量或算式} ,反引号支持分行。这使得构造字符串非常方便、灵活。例如:
- let a = 10, b = 20;
- let answer = `a + b = ${a + b}`;
- console.log(answer);
这将在控制台输出 :a + b = 30
有时候用反引号构造一个字符串,字符串里面也需要用到反引号,可以这样:
- let name = '张三';
- let number = 100;
- let str = `你好,${name}!你的号码是 \`${Math.round(number * Math.random())}\``;
- console.log(str);
这将输出类似的结果:你好,张三!你的号码是 `70`
就是说,不一定是 70,数字是随机的,这里的重点是,数字被反引号所包裹。
但当需要从字符串中提取可执行语句并使用 new Function 去执行,反引号的嵌套可能会存在一个问题,即 ${} 内的变量可能不会被识别,报错为变量未定义。若此,建议采用双引号包裹复杂字符串,双引号内可以正常使用(即无需转义)的反引号,双引号内同时可以正常使用单引号。
发表评论:

