ES6模板字符串的基本使用

ES6新增了模板字符串,让我们拼接字符串时更方便
注意:切记使用反引号作为字符串的定界符分隔的字面量

1.拼接

在我们模板字符串出现之前,我们想要拼接字符串是比较麻烦的

	const name = "杰克";
	const age = 18;
	// 以前的拼接字符串
	console.log("大家好,我的名字叫"+name+",我今年"+age+"岁")

现在我们有了模板字符串,拼接起来就会简单许多
模板字符串使用反引号 `` 作为字符串的定界符分隔的字面量

    const name = "杰克";
    const age = 18;
    // 模板字符串,切记使用反引号
    console.log(`大家好,我的名字叫${
     name},我今年${
     age}`)

2.换行

以前我们用双引号或者单引号编写字符串时,如果出现一行装不下的情况下,我们需要使用+号来拼接

    const name = "杰克";
    const age = 18;
    // 一行装不下我们需要用+来拼接
    console.log("大家好,我的名字叫杰克"
    +"今年18岁了")

现在我们有了模板字符串,就可以更简单的实现换行遇到的问题

    const name = "杰克";
    const age = 18;
    // 一行装不下我们需要用+来拼接
    console.log(`大家好,我的名字叫杰克
    今年18岁了`)

感谢大家的阅读,如有不对的地方,可以向我提出,感谢大家!

相关推荐

  1. ES6模板字符串基本使用

    2023-12-07 00:06:03       57 阅读
  2. ES6 Fetch API基础使用

    2023-12-07 00:06:03       39 阅读
  3. #Js篇:字符串使用方法es5和es6

    2023-12-07 00:06:03       52 阅读
  4. ES6字符串方法

    2023-12-07 00:06:03       42 阅读
  5. ES6字符串变化

    2023-12-07 00:06:03       62 阅读
  6. ES6模板语法与字符串处理

    2023-12-07 00:06:03       62 阅读
  7. ES6:promise基本使用讲解

    2023-12-07 00:06:03       36 阅读
  8. ES6模块

    2023-12-07 00:06:03       32 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2023-12-07 00:06:03       91 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2023-12-07 00:06:03       97 阅读
  3. 在Django里面运行非项目文件

    2023-12-07 00:06:03       78 阅读
  4. Python语言-面向对象

    2023-12-07 00:06:03       88 阅读

热门阅读

  1. 通过lua脚本在redis中处理json数据

    2023-12-07 00:06:03       63 阅读
  2. Clickhouse在货品标签场景的应用

    2023-12-07 00:06:03       53 阅读
  3. okhttp系列-enqueue过程

    2023-12-07 00:06:03       60 阅读
  4. 数据库的设计规范

    2023-12-07 00:06:03       56 阅读
  5. Spring Boot 升级3.x 指南

    2023-12-07 00:06:03       63 阅读
  6. 使用Feign简化Spring Boot微服务间的调用

    2023-12-07 00:06:03       56 阅读
  7. 【PyTorch】数据集

    2023-12-07 00:06:03       62 阅读
  8. jsp+ajax自动刷新局部页面

    2023-12-07 00:06:03       53 阅读