【ES6复习笔记】模板字符串(3)

devtools/2024/12/28 14:32:58/

介绍

模板字符串是 ES6 引入的一种新的字符串声明方式,它使用反引号(`)来定义字符串,而不是单引号(')或双引号(")。模板字符串可以包含变量、表达式和换行符,这使得它们非常适合用于构建复杂的字符串。

以下是模板字符串的一些特点和用法:

1. 声明:使用反引号(`)来声明模板字符串

let str = `我也是一个字符串哦!`;
console.log(str, typeof str);

2. 内容中可以直接出现换行符模板字符串中的换行符会被保留,这使得它们非常适合用于构建 HTML 模板或其他需要格式化的文本。

let str = `<ul><li>沈腾</li><li>玛丽</li><li>魏翔</li><li>艾伦</li></ul>`;

3. 变量拼接:可以在模板字符串中使用 ${} 来插入变量或表达式。

let lovest = '魏翔';
let out = `${lovest}是我心目中最搞笑的演员!!`;
console.log(out);

4. 函数调用:可以在模板字符串中调用函数。

function getAge() {return 30;
}
let age = `I am ${getAge()} years old.`;
console.log(age);

5. 标签模板:可以使用标签函数来处理模板字符串

function tag(strings,...values) {console.log(strings);console.log(values);return '标签模板';
}
let name = 'Tom';
let age = 20;
let result = tag`My name is ${name} and I am ${age} years old.`;
console.log(result);

通过这些例子,你可以看到模板字符串的强大和灵活性。它们使得字符串的处理更加直观和方便。


http://www.ppmy.cn/devtools/146135.html

相关文章

mongodb和Cassandra

mongodb的一致性问题&#xff1a; 15.MongoDB的一致性(读关注与写关注)_mongo w选项-CSDN博客 孤儿节点问题&#xff1a; 技术干货 | MongoDB 偶遇孤儿文档及处理方法-腾讯云开发者社区-腾讯云 分片集群MongoDB迁移前清除孤儿文档 由数据迁移至MongoDB导致的数据不一致问题…

ctfshow-web 151-170-文件上传

我们首先想到就是上传一句话木马。但是看源代码限制了png。 &#xff08;1&#xff09;改前端代码。 这里是前端限制了上传文件类型&#xff0c;那我们就改一下就好了嘛,改成php。 这里直接修改不行&#xff0c;给大家推荐一篇简短文章&#xff0c;大家就会了&#xff08;一开始…

前端经典面试合集(二)——Vue/React/Node/工程化工具/计算机网络

1. 说说 Vue 中的 Diff 算法 Vue 的 Diff 算法 主要用于优化虚拟 DOM 和实际 DOM 之间的比较过程。它通过以下几种策略来提高性能&#xff1a; 最小化对 DOM 的操作&#xff1a;Vue 通过在内存中构建一个虚拟 DOM 树&#xff0c;在虚拟 DOM 树与真实 DOM 树之间进行比较和更新…

Linux | 零基础Ubuntu卸载MySQL Server 零痕迹

目录 介绍 移除MySQL软件包 自动移除依赖项 清理残留文件 检查是否还有残留文件 重启系统 介绍 难免会出现一些迷人的操作&#xff0c;让整个数据库都作废了&#xff0c;又改不了文件&#xff0c;修复不了问题&#xff0c;只能重装了&#xff0c;但又卸载不干净&#xf…

mac系统升级后Homebrew:Mac os 使用brew工具时报错No remote ‘origin‘

现象 #brew update Warning: No remote origin in /opt/homebrew/Library/Taps/homebrew/homebrew-cask, skipping update! Warning: No remote origin in /opt/homebrew/Library/Taps/homebrew/homebrew-core, skipping update! Warning: No remote origin in /opt/homebrew/…

windows C#-对象和集合初始值设定项(上)

使用 C# 可以在单条语句中实例化对象或集合并执行成员分配。 对象初始值设定项 使用对象初始值设定项&#xff0c;你可以在创建对象时向对象的任何可访问字段或属性分配值&#xff0c;而无需调用后跟赋值语句行的构造函数。 利用对象初始值设定项语法&#xff0c;你可为构造函…

BUG分析 - 重启有时失败

1. 倒查版本 1.0_11 - ok1.0_12 - fail 2.对比1.0_11和1.0_12 失败时的日志 ================================== 1.0_11 ============================== 2024-12-26 09:46:51.886 INFO [26332] [Thre

如何在Facebook发布Reels?简单易懂的操作指南

随着短视频风靡全球&#xff0c;Facebook Reels 成为了吸引用户和推广内容的强大工具。无论你是个人创作者还是企业运营者&#xff0c;掌握 Facebook Reels 的发布技巧都能让你的内容更快触达目标受众。本文将详细介绍如何在 Facebook 发布 Reels&#xff0c;帮助你轻松上手这一…