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


Posted in Javascript onApril 26, 2017

本文实例讲述了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\'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程序设计有所帮助。

Javascript 相关文章推荐
JS处理VBArray的函数使用说明
May 11 Javascript
js 判断浏览器类型 去全角、半角空格 自动关闭当前窗口
Apr 10 Javascript
js的onload事件及初始化按钮事件示例代码
Sep 25 Javascript
Javascript中浮点数相乘的一个解决方法
Jun 03 Javascript
详解Javascript中DOM的范围
Feb 13 Javascript
vue2.0 移动端实现下拉刷新和上拉加载更多的示例
Apr 23 Javascript
Node.js Buffer用法解读
May 18 Javascript
layer.open 按钮的点击事件关闭方法
Aug 17 Javascript
详解js获取video任意时间的画面截图
Apr 17 Javascript
详解vue中v-bind:style效果的自定义指令
Jan 21 Javascript
Threejs实现滴滴官网首页地球动画功能
Jul 13 Javascript
解决vue项目axios每次请求session不一致的问题
Oct 24 Javascript
node.js平台下利用cookie实现记住密码登陆(Express+Ejs+Mysql)
Apr 26 #Javascript
Vue.js实现文章评论和回复评论功能
May 30 #Javascript
详解node.js平台下Express的session与cookie模块包的配置
Apr 26 #Javascript
jQuery实现鼠标滑过预览图片大图效果的方法
Apr 26 #jQuery
快速使用node.js进行web开发详解
Apr 26 #Javascript
js canvas实现擦除效果示例代码
Apr 26 #Javascript
vue-cli如何快速构建vue项目
Apr 26 #Javascript
You might like
php实现excel中rank函数功能的方法
2015/01/20 PHP
php封装一个异常的处理类
2017/06/08 PHP
php curl发送请求实例方法
2019/08/01 PHP
node.js实现爬虫教程
2020/08/25 Javascript
JS定义类的六种方式详解
2016/05/12 Javascript
微信小程序 教程之WXML
2016/10/18 Javascript
easyui form validate总是返回false的原因及解决方法
2016/11/07 Javascript
微信小程序(六):列表上拉加载下拉刷新示例
2017/01/13 Javascript
关于微信小程序登录的那些事
2019/01/08 Javascript
javascript原型链学习记录之继承实现方式分析
2019/05/01 Javascript
JS中实现浅拷贝和深拷贝的代码详解
2019/06/05 Javascript
es6 super关键字的理解与应用实例分析
2020/02/15 Javascript
Python中的引用和拷贝浅析
2014/11/22 Python
Python封装shell命令实例分析
2015/05/05 Python
Python中的四种交换数值的方法解析
2019/11/18 Python
TensorFlow tensor的拼接实例
2020/01/19 Python
Python requests接口测试实现代码
2020/09/08 Python
Lombok插件安装(IDEA)及配置jar包使用详解
2020/11/04 Python
python实现ping命令小程序
2020/12/28 Python
python matlab库简单用法讲解
2020/12/31 Python
HTML5 Canvas像素处理使用接口介绍
2012/12/02 HTML / CSS
检测浏览器对HTML5和CSS3支持度的方法
2015/06/25 HTML / CSS
里程积分管理买卖交换平台:Points.com
2017/01/13 全球购物
香港通票:Hong Kong Pass
2019/02/26 全球购物
德国价格合理的品牌商品购物网站:averdo
2019/03/21 全球购物
沙特阿拉伯电子产品和家用电器购物网站:Black Box
2019/07/24 全球购物
MaBelle玛贝尔香港官网:香港钻饰连锁店
2019/09/09 全球购物
.net C#面试题
2012/08/28 面试题
几个判断型的面试题
2012/07/03 面试题
2014年党的群众路线教育实践活动整改措施(个人版)
2014/09/25 职场文书
党员示范岗材料
2014/12/19 职场文书
鼋头渚导游词
2015/02/05 职场文书
Python 数据可视化神器Pyecharts绘制图像练习
2022/02/28 Python
MySql数据库 查询时间序列间隔
2022/05/11 MySQL
Java Spring读取和存储详细操作
2022/08/05 Java/Android
MySQL中的 inner join 和 left join的区别解析(小结果集驱动大结果集)
2023/05/08 MySQL