JavaScript 字符串模板

admin2年前 (2023-06-30)运营推广419

模板字面量使用反引号(``)而不是引号("")来定义字符串:

比如:

let text = `Hello World`;

使用模板字面量,可以在字符串中同时使用单引号与双引号:

let text = `He's often called "Johnny"`;

模板字面量还允许多行字符串:

let text = 
`The quick
brown fox
jumps over
the lazy dog`;

模板字面量还允许字符串中的变量:

let firstName = "Tom";
let lastName = "Gates";
let text = `Welcome ${firstName },${lastName }`;

模板字面量还允许字符串中的表达式:

let price = 10;
let VAT = 0.25;
let total = `Total: ${(price * (1+ VAT)).toFixed(2)}`';

模板字面量还可以制作HTML模板

let header = "Templates";
let tags = ["template", "javascript", "es6"];
let html = `<h2>${header}</h2><ul>`;
for(const x of tags) {
   html +=`<li>${x}</li>`;
}
html += `</ul>`;


标签: JavaScript
返回列表

上一篇:一百万

下一篇:在河上

相关文章

javascript字符串方法和属性

javascript字符串方法和属性1.获取字符串的长度var text=""abcndfsdfdsfsd"; console.log(text.length...

javascript 数组

什么是数组?数组是一个特殊的变量,它能够一次存放一个以上的值。如果你有一个项目清单,在单个变量中存储品牌,那应该是这样字的:var brand1 = "Saab...

JavaScript 数组方法

数组转换成字符串Javascript 方法 toString() 把数组转换为数组值(逗号分隔)的字符串。var fruits = ["banana"...

JavaScript 对象访问器

javascript 对象访问器计数器例子var obj = {      counter:0,  &nb...

JavaScript 对象原型

前面有一章提到无法为已有的对象构造器添加新属性Person.nationality = "English";  //得到的是undefine...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。