TypeScript字面量

在计算机科学中，字面量用于在源代码中表示某个固定值。在JavaScript程序中，字面量不是变量，它是直接给出的固定值。

Null字面量

Null字面量只有一个，记作null。

Boolean字面量

Boolean字面量有两个，分别记作true和false。

Number字面量

Number字面量包含四类：二进制整数字面量、八进制整数字面量、十进制数字面量以及十六进制整数字面量。

二进制整数字面量以0b或0B开头（第一个字符为数字0），并只包含数字0或1。
八进制整数字面量以0o或0O开头（第一个字符为数字0，第二个字符为字母o），并且只包含数字0至7。
十进制数字面量由一串数字组成，支持整数、小数和科学记数法。
十六进制整数字面量以0x或0X开头（第一个字符为数字0），可以包含数字0至9、小写字母a至f以及大写字母A至F。

字符串字面量

字符串字面量是使用一对单引号或双引号包围起来的Unicode字符。字符串字面量中可以包含Unicode转义序列和十六进制转义序列。JavaScript中的主流编码风格推荐使用单引号表示字符串字面量。

模板字面量

模板字面量是ECMAScript 2015引入的新特性，它提供了一种语法糖来帮助构造字符串。模板字面量的出现帮助开发者解决了一些长久以来的痛点，如动态字符串的拼接和创建多行字符串等。模板字符串的基本语法是使用反引号“`”（键盘上数字键1左侧的按键）替换了字符串字面量中的单、双引号。

多行字符串

在使用字符串字面量创建多行字符串时，需要在每一处换行的位置添加转义字符“\n”，可读性较差。示例如下：

const template = "\n<table>\n  <tr>\n    <th>昵称</th>\n    <th>性别</th>\n
   </tr>\n  <tr>\n    <td>多米</td>\n    <td>女</td>\n  </tr>\n</table>\n";

在阅读代码时，很难弄清楚这个字符串的含义。如果使用模板字面量来创建多行字符串，则更符合心智模型。例如，可以将上例中的字符串改写为如下的模板字面量：

const template = `
<table>
 <tr>
   <th>昵称</th>
   <th>性别</th>
 </tr>
 <tr>
   <td>多米</td>
   <td>女</td>
 </tr>
</table>
`;

字符串占位符

使用字符串占位符能够将动态的内容插入生成的字符串中。字符串占位符使用“${}”符号表示，在大括号中可以插入任意的JavaScript表达式。例如，我们可以使用模板字面量来构造一个Web API地址，示例如下：

const root = 'https://api.github.com';
const owner = 'microsoft';
const repo = 'TypeScript';

// https://api.github.com/repos/microsoft/TypeScript
const url = `${root}/repos/${owner}/${repo}`;

此例中，我们将Web API地址的组成部分放在了变量里并通过字符串占位符引用它们的值，最终拼接成一个完整的地址。

酷客网相关文章：

• TypeScript数据类型
• TypeScript注释
• TypeScript变量
• 安装TypeScript