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

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

本文介绍JavaScript ES6中多行字符串与字符串连接的表示方法，供参考。

过去，在JavaScript中编写多行字符串通常需要借助换行符，操作较为繁琐。ES6标准引入了新的多行字符串表示方式，使用反引号（`）包裹内容即可实现。

旧版写法

alert("你好，\n 我叫\n Olive");

新版写法

alert(`你好
我叫
olive`);//注意这里的两个点是键盘上数字键1左边的按键，而不是单引号哦

以往，连接多个字符串通常使用加号（+）运算符。

var name ="olive";
var age= 26;
var message='hello,my name is '+name+',I\'m '+age+' years old';
alert(message);

当需要连接的变量较多时，使用加号拼接会变得繁琐。ES6提供了一种新的字符串连接方式，即模板字符串。

var name1 ="Mike";
var age1=20;
var message1=`hello,${name1},your age is ${age1}`;//同理，这里的两个点是键盘上数字键1左边的按键，而不是单引号哦
alert(message1);

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《ECMAScript6(ES6)入门教程》、《JavaScript数组操作技巧总结》、《JavaScript字符与字符串操作技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript错误与调试技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。