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 相关文章推荐
解决IE下select标签innerHTML插入option的BUG(兼容IE,FF,Opera,Chrome,Safari)
May 13 Javascript
ASP.NET中AJAX 调用实例代码
May 03 Javascript
通过Javascript创建一个选择文件的对话框代码
Jun 16 Javascript
js中reverse函数的用法详解
Dec 26 Javascript
javascript闭包传参和事件的循环绑定示例探讨
Apr 17 Javascript
alert出数组中的随即值代码
Sep 25 Javascript
javascript实现博客园页面右下角返回顶部按钮
Feb 22 Javascript
iframe中使用jquery进行查找的方法【案例分析】
Jun 17 Javascript
vue中使用refs定位dom出现undefined的解决方法
Dec 21 Javascript
使用layui实现树形结构的方法
Sep 20 Javascript
vue组件 keep-alive 和 transition 使用详解
Oct 11 Javascript
微信小程序去除左上角返回键的实现方法
Mar 06 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多功能图片处理类分享(php图片缩放类)
2014/03/14 PHP
THINKPHP2.0到3.0有哪些改进之处
2015/01/04 PHP
PHP安全上传图片的方法
2015/03/21 PHP
Zend Framework教程之Zend_Registry对象用法分析
2016/03/22 PHP
Smarty模板简单配置与使用方法示例
2016/05/23 PHP
Js 导出table内容到Excel的简单实例
2013/11/19 Javascript
关闭ie窗口清除Session的解决方法
2014/01/10 Javascript
jquery制作 随机弹跳的小球特效
2015/02/01 Javascript
全系IE支持Bootstrap的解决方法
2015/10/19 Javascript
jQuery validate验证插件使用详解
2016/05/11 Javascript
JS实现可编辑的后台管理菜单功能【附demo源码下载】
2016/09/13 Javascript
Bootstrap Navbar Component实现响应式导航
2016/10/08 Javascript
详解Vue-cli 创建的项目如何跨域请求
2017/05/18 Javascript
vue.js实现刷新当前页面的方法教程
2017/07/05 Javascript
详谈AngularJs 控制器、数据绑定、作用域
2017/07/09 Javascript
JavaScript实现数值自动增加动画
2017/12/28 Javascript
Vue.js中该如何自己维护路由跳转记录
2019/05/19 Javascript
vue 实现根据data中的属性值来设置不同的样式
2020/08/04 Javascript
python实现爬取千万淘宝商品的方法
2015/06/30 Python
详解Python实现按任意键继续/退出的功能
2016/08/19 Python
浅析python递归函数和河内塔问题
2017/04/18 Python
python处理xml文件的方法小结
2017/05/02 Python
Python 网页解析HTMLParse的实例详解
2017/08/10 Python
Python读取word文本操作详解
2018/01/22 Python
python子线程退出及线程退出控制的代码
2019/10/16 Python
在Python中用GDAL实现矢量对栅格的切割实例
2020/03/11 Python
Python 发送邮件方法总结
2020/08/10 Python
Pythonic版二分查找实现过程原理解析
2020/08/11 Python
Python制作简单的剪刀石头布游戏
2020/12/10 Python
美国最好的钓鱼、狩猎和划船装备商店:Bass Pro Shops
2018/12/02 全球购物
体育纪念品、亲笔签名的体育收藏品:Steiner Sports
2020/07/31 全球购物
同步和异步有何异同,在什么情况下分别使用他们?
2012/12/28 面试题
房地产融资计划书
2014/01/10 职场文书
学习作风建设心得体会
2014/10/22 职场文书
2014年幼儿园学期工作总结
2014/12/05 职场文书
2015年学校精神文明工作总结
2015/05/27 职场文书