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 相关文章推荐
JavaScript delete 属性的使用
Oct 08 Javascript
jquery清空textarea等输入框实现代码
Apr 22 Javascript
纯文字版返回顶端的js代码
Aug 01 Javascript
js和jquery如何获取图片真实的宽度和高度
Sep 28 Javascript
推荐10个2014年最佳的jQuery视频插件
Nov 12 Javascript
Javascript基础教程之switch语句
Jan 18 Javascript
jQuery点击改变class并toggle及toggleClass()方法定义用法
Dec 11 Javascript
javascript ES6中箭头函数注意细节小结
Feb 17 Javascript
Bootstrap table学习笔记(2) 前后端分页模糊查询
May 18 Javascript
分析JS单线程异步io回调的特性
Dec 01 Javascript
JavaScript实现读取与输出XML文件数据的方法示例
Jun 05 Javascript
layer.msg()去掉默认时间,实现手动关闭的方法
Sep 12 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
在IIS7.0下面配置PHP 5.3.2运行环境的方法
2010/04/13 PHP
php下通过curl抓取yahoo boss 搜索结果的实现代码
2011/06/10 PHP
php 计划任务 检测用户连接状态
2012/03/29 PHP
php 三大特点:封装,继承,多态
2017/02/19 PHP
php对xml文件的增删改查操作实现方法分析
2017/05/19 PHP
PHP preg_match实现正则表达式匹配功能【输出是否匹配及匹配值】
2017/07/19 PHP
Ajax中的JSON格式与php传输过程全面解析
2017/11/14 PHP
PHP的PDO预处理语句与存储过程
2019/01/27 PHP
php apache开启跨域模式过程详解
2019/07/08 PHP
Mootools 1.2教程 函数
2009/09/15 Javascript
JavaScript对IE操作的经典代码(推荐)
2014/03/10 Javascript
php实例分享之实现显示网站运行时间
2014/05/20 Javascript
json字符串之间的相互转换示例代码
2014/08/21 Javascript
JavaScript数组对象赋值用法实例
2015/08/04 Javascript
thinkphp实现无限分类(使用递归)
2015/12/19 Javascript
JavaScript学习笔记之创建对象
2016/03/25 Javascript
Bootstrap组件(一)之菜单
2016/05/11 Javascript
JavaScript蒙板(model)功能的简单实现代码
2016/08/04 Javascript
AngularJS 整理一些优化的小技巧
2016/08/18 Javascript
详解从新建vue项目到引入组件Element的方法
2017/08/29 Javascript
JS实现左边列表移到到右边列表功能
2018/03/28 Javascript
JavaScript实现仿Clock ISO时钟
2018/06/29 Javascript
从0到1构建vueSSR项目之路由的构建
2019/03/07 Javascript
js实现指定时间倒计时效果
2019/08/26 Javascript
[48:51]完美世界DOTA2联赛PWL S2 Magma vs InkIce 第一场 11.28
2020/12/02 DOTA
python将html转成PDF的实现代码(包含中文)
2013/03/04 Python
Python实现并行抓取整站40万条房价数据(可更换抓取城市)
2016/12/14 Python
python 视频逐帧保存为图片的完整实例
2019/12/10 Python
PyQt5中QTableWidget如何弹出菜单的示例代码
2020/02/23 Python
python轮询机制控制led实例
2020/05/03 Python
使用Nibabel库对nii格式图像的读写操作
2020/07/01 Python
CSS3系列之3D制作方法案例
2017/08/14 HTML / CSS
台湾演唱会订票网站:StubHub台湾
2019/06/11 全球购物
俄语翻译实习生的自我评价分享
2013/11/06 职场文书
迎元旦广播稿
2014/02/22 职场文书
小学生心理健康活动总结
2015/05/08 职场文书