本文实例讲述了JS ES6多行字符串与连接字符串的表示方法。分享给大家供大家参考，具体如下：
1. 以前，js多行字符串用\n写起来比较费事，所以最新的ES6标准新增了一种多行字符串的表示方法，用` … `表示：
旧版写法
alert("你好，\n 我叫\n Olive");
新版写法
alert(`你好
我叫
olive`);//注意这里的两个点是键盘上数字键1左边的按键，而不是单引号哦
2. 以前，把多个字符串连接起来，可以用+号连接
var name ="olive";
var age= 26;
var message='hello,my name is '+name+',I\'
在JavaScript的世界里，字符串是编程中非常基础且重要的数据类型。在ES6（ECMAScript 2015）之前，处理多行字符串和连接多个字符串可能会有些繁琐。不过，随着ES6的引入，这些问题得到了很好的解决。让我们深入探讨一下JS ES6中关于多行字符串和连接字符串的新表示方法。
**1. 多行字符串**
在ES5及其之前的版本中，如果你想要创建一个多行字符串，通常需要使用换行符`\n`。例如：
```javascript
alert("你好，\n 我叫\n Olive");
```
然而，这种方式不仅在代码阅读上不直观，而且在字符串中包含换行时，需要额外的转义字符。ES6引入了一种新的多行字符串表示方法，使用反引号（`）来包裹字符串，这样你就可以直接在字符串中换行，无需插入`\n`。例如：
```javascript
alert(`你好我叫olive`);
```
这里要注意的是，反引号（`）不是普通的单引号（'）或双引号（"），它位于键盘上数字键1的左边。
**2. 字符串连接**
在ES5中，我们通常使用加号（+）来连接字符串。例如：
```javascript
var name = "olive";
var age = 26;
var message = 'hello,my name is ' + name + ',I\'m ' + age + ' years old';
alert(message);
```
尽管这种方式可以工作，但如果需要连接大量字符串或者变量，代码会显得较为冗长且不易读。
ES6引入了一个更简洁的模板字面量（Template literals）来解决这个问题。模板字面量同样使用反引号（`）包裹，并且可以在字符串内部嵌入表达式，通过`${}`来引用变量。这使得字符串连接更加清晰，特别是当涉及多个变量时：
```javascript
var name1 = "Mike";
var age1 = 20;
var message1 = `hello,${name1},your age is ${age1}`;
alert(message1);
```
在这个例子中，`${name1}`和`${age1}`会被它们对应的变量值所替换，使得字符串的构建更加直观。
**3. 模板字面量的其他特性**
除了提供简洁的字符串连接和多行字符串支持外，模板字面量还有其他一些有用的功能：
- **字符串插值**：你可以将任意表达式的值插入到字符串中，而不仅仅是变量。
- **原始字符串**：在模板字面量中，`\`不再需要转义，除非你需要在字符串中插入反引号本身（`）。
- **多行保持**：在模板字面量中，字符串中的换行会被保留，这在创建格式化的输出时非常有用。
**总结**
通过引入多行字符串和模板字面量，ES6极大地提高了JavaScript在处理字符串时的灵活性和可读性。现在，无论是创建多行字符串还是连接多个字符串，都变得更加简单和直观。这对于提升代码质量、减少出错概率以及提高开发效率都有显著的帮助。在编写JavaScript时，熟练掌握这些新特性是非常重要的。
