JavaScript 字符串模板

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

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

比如:

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 可迭代对象

可迭代对象时可以使用for..of 进行迭代的对象从技术上讲,可迭代对象必须实现Symbol.iterator方法。遍历字符串你可以使用for..of循环来遍历字符串的元素:for(const&nbs...

JavaScript ES5 对象方法

ECMAScript 5 (2009) 向 JavaScript 添加了许多新的对象方法。管理对象// 以现有对象为原型创建对象 Object.create() //添加或更改对象属性...

electorn是什么

关于electron有以下信息:Electron 是一款可以使用 JavaScript、HTML 和 CSS 来构建跨平台桌面应用程序的开源框架,它可以让开发者使用 web 技术来创建原生应用程序。E...

JavaScript 最新特征

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

如何提高前端技术

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

vue 的重要性

Vue是一套用于构建用户界面的渐进式框架,具有以下优点:易用:学习曲线平缓,api简洁,容易上手。灵活:可以嵌入到现成的服务端框架中,带来更加丰富的交互系统。高性能:基于虚拟DOM,低耦合,可重用,独...

发表评论

访客

看不清,换一张

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