当前位置: 首页 > article >正文

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

介绍

模板字符串是 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.kler.cn/a/454123.html

相关文章:

  • 运行Zr.Admin项目(前端)
  • C++软件设计模式之类型模式和对象型模式
  • PDF书籍《手写调用链监控APM系统-Java版》第9章 插件与链路的结合:Mysql插件实现
  • 基于 Python 大数据的拼团购物数据分析系统的设计与实现
  • 路由器的原理
  • Axure10
  • 【无标题】学生信息管理系统界面
  • GitLab安装及使用
  • C++打造局域网聊天室第十三课: 任务栏托盘功能的实现
  • [2003].第2-01节:关系型数据库表及SQL简介
  • [bug]java导出csv用Microsoft Office Excel打开乱码解决
  • 【K8S问题系列 | 20 】K8S如何删除异常对象(Pod、Namespace、PV、PVC)
  • 各种网站(学习资源、常用工具及其他,持续更新中~)
  • Python - 获取当前函数中的所有参数信息(名称和值)
  • 【Rust自学】7.3. 路径(Path)Pt.2:访问父级模块、pub关键字在结构体和枚举类型上的使用
  • Redis基础知识分享(含5种数据类型介绍+增删改查操作)
  • c#自定义事件
  • 2023年软件产业报告|2023年我国软件业经济运行情况及未来发展趋势预期
  • 【论文阅读笔记】Scalable, Detailed and Mask-Free Universal Photometric Stereo
  • 数据库系统概论