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绑定事件this指向发生改变的问题解决方法
Apr 23 Javascript
JS+DIV实现鼠标划过切换层效果的方法
May 25 Javascript
jQuery实现的分子运动小球碰撞效果
Jan 27 Javascript
jQuery插件EasyUI实现Layout框架页面中弹出窗体到最顶层效果(穿越iframe)
Aug 05 Javascript
jQuery EasyUI常用数据验证汇总
Sep 18 Javascript
vue.js+boostrap项目实践(案例详解)
Sep 21 Javascript
使用Vue.js创建一个时间跟踪的单页应用
Nov 28 Javascript
基于bootstrap的选择框插件icheck
Dec 23 Javascript
最常用的jQuery表单验证(简单)
May 23 jQuery
js 简易版滚动条实例(适用于移动端H5开发)
Jun 26 Javascript
ng-repeat指令在迭代对象时的去重方法
Oct 02 Javascript
微信小程序tab左右滑动切换功能的实现代码
Feb 08 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
PHP4 与 MySQL 数据库操作函数详解
2006/12/06 PHP
php中用文本文件做数据库的实现方法
2008/03/27 PHP
php中时间轴开发(刚刚、5分钟前、昨天10:23等)
2011/10/03 PHP
PHP四舍五入精确小数位及取整
2014/01/14 PHP
php htmlentities()函数的定义和用法
2016/05/13 PHP
document.designMode的功能与使用方法介绍
2007/11/22 Javascript
jQuery AJAX回调函数this指向问题
2010/02/08 Javascript
基于jquery的无缝循环新闻列表插件
2011/03/07 Javascript
Javascript 垃圾收集机制介绍理解
2013/05/14 Javascript
固定网页背景图同时保持图片比例的思路代码
2013/08/15 Javascript
JS使用parseInt解析数字实现求和的方法
2015/08/05 Javascript
浅谈javascript中new操作符的原理
2016/06/07 Javascript
基于JSON格式数据的简单jQuery幻灯片插件(jquery-slider)
2016/08/10 Javascript
AngularJs ng-route路由详解及实例代码
2016/09/14 Javascript
微信小程序 选择器(时间,日期,地区)实例详解
2016/11/16 Javascript
微信小程序手机号码验证功能的实例代码
2018/08/28 Javascript
Vue加载json文件的方法简单示例
2019/01/28 Javascript
koa+mongoose实现简单增删改查接口的示例代码
2019/05/13 Javascript
nodejs提示:cross-device link not permitted, rename错误的解决方法
2019/06/10 NodeJs
[03:34]2014DOTA2西雅图国际邀请赛 淘汰赛7月15日TOPPLAY
2014/07/15 DOTA
[00:58]PWL开团时刻DAY5——十人开雾0换5
2020/11/04 DOTA
[52:40]完美世界DOTA2联赛PWL S2 Magma vs GXR 第一场 11.29
2020/12/02 DOTA
Python实例分享:快速查找出被挂马的文件
2014/06/08 Python
python如何拆分含有多种分隔符的字符串
2018/03/20 Python
Python对数据进行插值和下采样的方法
2018/07/03 Python
Python tkinter的grid布局及Text动态显示方法
2018/10/11 Python
python判断无向图环是否存在的示例
2019/11/22 Python
Pandas读取csv时如何设置列名
2020/06/02 Python
Jabra捷波朗美国官网:用于办公、车载和运动的无线蓝牙耳麦
2017/02/01 全球购物
芭比波朗加拿大官方网站:Bobbi Brown Cosmetics CA
2020/11/05 全球购物
大学优秀班集体申报材料
2014/05/23 职场文书
注册资产评估专业求职信
2014/07/16 职场文书
民政工作个人总结
2015/02/28 职场文书
小孩不笨观后感
2015/06/03 职场文书
2015年小学体育教师工作总结
2015/10/23 职场文书
python中pandas对多列进行分组统计的实现
2021/06/18 Python