JavaScript 字符串模板

admin3年前 (2023-06-30)运营推广713

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

比如:

let text = `Hello World`;

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

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

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

let text = `The quickbrown foxjumps overthe 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 对象原型

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

JavaScript 最新特征

JavaScript 的最新特征包括以下几个方面:类的私有变量:通过使用 # 符号,可以在类中定义私有变量,只能在类的内部访问,外部无法访问。空位合并操作符:使用 ?? 符号,可以在两项中任一项为 n...

JavaScript Set

JavaScript的Set(集合)是一组唯一值的集合。每个值只能在Set中出现一次。Set可以容纳任何数据类型的值。如何创建Set将数组传递给new Set()创建一个新的Set, 然后使用add(...

JavaScript Map

Map 保存键值对,其中键可以是任何数据类型。Map会记住键的原始插入顺序。Map提供表示映射大小的属性。如何创建Map 可以通过以下方式创建Javascript 映射:将数组传递给new...

如何提高前端技术

以下是一些可以提高前端技术的建议:不断学习:前端技术不断发展,需要不断学习新的技术和框架,以保持自己的竞争力。可以通过阅读相关书籍、博客、视频教程等途径进行学习。实践项目:通过实践项目,可以更深入地理...

vue 与 react 的区别 详细例子

以下是一个具体例子,展示了 Vue.js 和 React 在实现一个同样的功能时的一些区别:需求:实现一个用户列表,包括用户名和删除按钮,点击删除按钮可以删除相应的用户。Vue.js 实现:<t...

发表评论

访客

看不清,换一张

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