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 相关文章推荐
JQuery的html(data)方法与<script>脚本块的解决方法
Mar 09 Javascript
js代码实现的加入收藏效果并兼容主流浏览器
Jun 23 Javascript
node.js中的fs.stat方法使用说明
Dec 16 Javascript
JavaScript的事件机制详解
Jan 17 Javascript
JavaScript 实现 Tab 点击切换实例代码
Mar 25 Javascript
浅谈vue-router 路由传参的方法
Dec 27 Javascript
vue.js移动数组位置,同时更新视图的方法
Mar 08 Javascript
vue实现一个炫酷的日历组件
Oct 08 Javascript
Vue中多个元素、组件的过渡及列表过渡的方法示例
Feb 13 Javascript
微信小程序实现左滑动删除效果
Mar 30 Javascript
一篇文章带你搞懂Vue虚拟Dom与diff算法
Aug 25 Javascript
uniapp开发小程序的经验总结
Apr 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
分享一段php获取linux服务器状态的代码
2014/05/27 PHP
php获取一个变量的名字的方法
2014/09/05 PHP
PHP实现限制IP访问及提交次数的方法详解
2017/07/17 PHP
THINKPHP5分页数据对象处理过程解析
2020/10/28 PHP
三种动态加载js的jquery实例代码另附去除js方法
2014/04/30 Javascript
JavaScript数组合并的多种方法
2016/05/22 Javascript
js实现无缝滚动图(可控制当前滚动的方向)
2017/02/22 Javascript
基于BootStrap的文本编辑器组件Summernote
2017/10/27 Javascript
Angular 封装并发布组件的方法示例
2018/04/19 Javascript
如何用webpack4.0撸单页/多页脚手架 (jquery, react, vue, typescript)
2019/06/18 jQuery
js判断复选框是否选中的方法示例【基于jQuery】
2019/10/10 jQuery
基于JS实现计算24点算法代码实例解析
2020/07/23 Javascript
解决vue项目运行提示Warnings while compiling.警告的问题
2020/09/18 Javascript
Vue+Vant 图片上传加显示的案例
2020/11/03 Javascript
[02:35]DOTA2超级联赛专访XB 难忘一年九冠称王
2013/06/20 DOTA
Python进程通信之匿名管道实例讲解
2015/04/11 Python
python实现文件路径和url相互转换的方法
2015/07/06 Python
Java多线程编程中ThreadLocal类的用法及深入
2016/06/21 Python
python中Apriori算法实现讲解
2017/12/10 Python
Numpy数据类型转换astype,dtype的方法
2018/06/09 Python
使用pip发布Python程序的方法步骤
2018/10/11 Python
启动Atom并运行python文件的步骤
2018/11/09 Python
python统计中文字符数量的两种方法
2019/01/31 Python
Python 、Pycharm、Anaconda三者的区别与联系、安装过程及注意事项
2019/10/11 Python
python求绝对值的三种方法小结
2019/12/04 Python
Anaconda和ipython环境适配的实现
2020/04/22 Python
Python如何在windows环境安装pip及rarfile
2020/06/15 Python
详解python算法常用技巧与内置库
2020/10/17 Python
通过CSS3的object-fit来调整图片适配尺寸的技巧简介
2016/02/27 HTML / CSS
女士时装鞋:Chinese Laundry
2018/08/29 全球购物
挂科检讨书范文
2014/02/20 职场文书
银行贷款委托书范本
2014/10/11 职场文书
2015年民主生活会发言材料
2014/12/15 职场文书
证券区域经理岗位职责
2015/04/10 职场文书
秋季运动会加油词
2015/07/18 职场文书
优秀党员先进事迹材料2016
2016/02/29 职场文书