JS模板字符串-CSDN博客

本文链接：https://blog.csdn.net/weixin_51241902/article/details/140889640

JS模板字符串

模板字符串

使用反引号 ` `
而不是双引号或者单引号

你可以在模板字符串中使用占位符

占位符: 由美元名称和大括号组成的占位符 ${}

实际使用:

let a = 1 
console.log(`${a}`);

在模板字符串中使用函数 - 称为标记模板

一个我编写的简单例子

function MyTemFunction(strings) {
    const symbol = strings[0] === "星期一" ? "好痛苦" :"  开心"
    return `今天是${strings[0]}${symbol}`;
}
console.log(MyTemFunction`星期二`);

模板函数的第一个参数(名称不固定)固定为模板字符串内的静态文本数组

官网实例 - 标记模板和表达式结合运用
// 模板字符串中的每个静态部分都会成为数组中的一个元素

function myTag(strings, personExp, ageExp) {
  const str0 = strings[0]; // "That "
  const str1 = strings[1]; // " is a "
  const str2 = strings[2]; // "."

  const ageStr = ageExp < 100 ? "youngster" : "centenarian";

  // We can even return a string built using a template literal 返回一个
  return `${str0}${personExp}${str1}${ageStr}${str2}`;
}

const output = myTag`That ${person} is a ${age}.`;
console.log(output);