JS ES6多行字符串与连接字符串的表示方法

JS ES6多行字符串与连接字符串的表示方法可以使用模板字面量（Template literal）表示。以反引号（`）为开始和结束字符的字符串都是模板字面量。

在模板字面量中使用多行字符串，可以直接使用换行符（\n）或回车符（\r）实现，不需要使用转义符（\）。

在模板字面量中使用连接字符串，可以使用${}包裹表达式，实现字符串拼接。

以下是JS ES6多行字符串与连接字符串的示例说明：

示例一：多行字符串

在以往的写法中，多行字符串通常需要使用转义符（\）实现：

const multiLineStr = 'Hello\nworld\n!\n'
console.log(multiLineStr)  // 输出：Hello
                           //      world
                           //      ! 

而使用模板字面量，则可以简便地实现多行字符串：

const multiLineStr = `Hello
world
!
`
console.log(multiLineStr)  // 输出：Hello
                           //      world
                           //      ! 

示例二：连接字符串

在以往的写法中，字符串拼接需要使用+符号连接变量与字符串：

const name = 'LiLei'
const age = 18
const intro = 'My name is ' + name + ', ' + 'I am ' + age + ' years old.'
console.log(intro)  // 输出：My name is LiLei, I am 18 years old.

而使用模板字面量，则可以更加简洁地实现字符串拼接：

const name = 'LiLei'
const age = 18
const intro = `My name is ${name}, I am ${age} years old.`
console.log(intro)  // 输出：My name is LiLei, I am 18 years old.

以上就是JS ES6多行字符串与连接字符串的详细攻略。