JavaScript基础语法教程 – 模板字符串插值

前言

大家好，今天写一篇JavaScript的基础语法教程笔记：模板字符串插值。所谓模板字符串插值就是使用${}将变量嵌入字符串占位符中

语法

${变量名}

案例

let name = '小红';
let age = 18;
let hobby = '羽毛球';
let all = `你好${name}今年${age}岁，喜欢${hobby}`;
alert(all);

首先定义了三个变量，分别为name，age，hobby。并赋值了小红，18，羽毛球。

创建一个字符串，其中三个位置分别填入 name、age、hobby 这三个变量的值，然后把组合好的完整字符串赋值给变量 all

`内容`其中的内容表示这是一个模板字符串(注意：这里为反向引号，并非单引号)

${name}：占位符，意思是“把变量 

let name = '小红';
let age = 18;
let hobby = '羽毛球';
let all = `你好${name}今年${age}岁，喜欢${hobby}`;
alert(all);

0 的值填到这里”。