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、Chrome、火狐
May 14 Javascript
EasyUI中实现form表单提交的示例分享
Mar 01 Javascript
五种js判断是否为整数类型方式
Dec 03 Javascript
Javascript的表单验证-提交表单
Mar 18 Javascript
canvas 实现中国象棋
Feb 17 Javascript
javascript实现table单元格点击展开隐藏效果(实例代码)
Apr 10 Javascript
微信小程序如何获知用户运行小程序的场景教程
May 17 Javascript
移动设备手势事件库Touch.js使用详解
Aug 18 Javascript
js插件实现图片滑动验证码
Sep 29 Javascript
JavaScript的级联函数用法简单示例【链式调用】
Mar 26 Javascript
使用layer模态框给新页面传值的方法
Sep 27 Javascript
javascript实现弹出层效果
Dec 10 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
一个ubbcode的函数,速度很快.
2006/10/09 PHP
PHP Memcached + APC + 文件缓存封装实现代码
2010/03/11 PHP
PHP采集腾讯微博的实现代码
2012/01/19 PHP
基于php-fpm 参数的深入理解
2013/06/03 PHP
JavaScript 特殊字符
2007/04/05 Javascript
利用javascript实现一些常用软件的下载导航
2009/08/03 Javascript
Javascript remove 自定义数组删除方法
2009/10/20 Javascript
基于Jquery的回车成tab焦点切换效果代码(Enter To Tab )
2010/11/14 Javascript
js 取时间差去掉周六周日实现代码
2012/12/25 Javascript
jQuery 插件仿百度搜索框智能提示(带Value值)
2013/01/22 Javascript
jQuery实现的输入框选择时间插件用法实例
2015/02/28 Javascript
jQuery弹簧插件编写基础之“又见弹窗”
2015/12/11 Javascript
JavaScript构造函数详解
2015/12/27 Javascript
在vue项目中,使用axios跨域处理
2018/03/07 Javascript
vue源码解析之事件机制原理
2018/04/21 Javascript
vue 获取及修改store.js里的公共变量实例
2019/11/06 Javascript
深入浅析Python中join 和 split详解(推荐)
2016/06/30 Python
利用Python3分析sitemap.xml并抓取导出全站链接详解
2017/07/04 Python
python SMTP实现发送带附件电子邮件
2018/05/22 Python
python生成lmdb格式的文件实例
2018/11/08 Python
python 使用poster模块进行http方式的文件传输到服务器的方法
2019/01/15 Python
django mysql数据库及图片上传接口详解
2019/07/18 Python
Python Selenium截图功能实现代码
2020/04/26 Python
Python select及selectors模块概念用法详解
2020/06/22 Python
使用before和:after伪类制作css3圆形按钮
2014/04/08 HTML / CSS
一款纯css3实现简单的checkbox复选框和radio单选框
2014/11/05 HTML / CSS
阿迪达斯香港官网:adidas香港
2019/11/09 全球购物
物理学专业自荐信
2014/06/11 职场文书
庆祝教师节演讲稿
2014/09/03 职场文书
2014年反洗钱工作总结
2014/11/22 职场文书
狮子林导游词
2015/02/03 职场文书
降价通知函
2015/04/23 职场文书
演讲稿之我的初心我的成长
2019/08/12 职场文书
Python万能模板案例之matplotlib绘制甘特图
2022/04/13 Python
Springboot-cli 开发脚手架,权限认证,附demo演示
2022/04/28 Java/Android
MySQL如何修改字段类型和字段长度
2022/06/10 MySQL