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.lazyload.js实现页面延迟载入
Dec 22 Javascript
一个CSS+jQuery实现的放大缩小动画效果
Feb 19 Javascript
Jquery 在页面加载后执行的几种方式
Mar 14 Javascript
jQuery取得iframe中元素的常用方法详解
Jan 14 Javascript
基于Bootstrap的Java开发问题汇总(Spring MVC)
Jan 15 Javascript
windows下vue-cli及webpack搭建安装环境
Apr 25 Javascript
BootStrap中的Fontawesome 图标
May 25 Javascript
React Native中导航组件react-navigation跨tab路由处理详解
Oct 31 Javascript
重学JS 系列:聊聊继承(推荐)
Apr 11 Javascript
JS数组的常用10种方法详解
May 08 Javascript
jquery实现简单每周轮换的日历
Sep 10 jQuery
详解Vue中$props、$attrs和$listeners的使用方法
Feb 18 Vue.js
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 定义404页面的实现代码
2012/11/19 PHP
解析如何用php screw加密php源代码
2013/06/20 PHP
Yii2.0高级框架数据库增删改查的一些操作
2015/11/16 PHP
PHP中对数组的一些常用的增、删、插操作函数总结
2015/11/27 PHP
Yii2实现增删改查后留在当前页的方法详解
2017/01/13 PHP
Mac下php 5升级到php 7的步骤详解
2017/04/26 PHP
如何优雅的使用 laravel 的 validator验证方法
2018/11/11 PHP
PHP MVC框架中类的自动加载机制实例分析
2019/09/18 PHP
JavaScript动态调整TextArea高度的代码
2010/12/28 Javascript
jQuery实现按钮的点击 全选/反选 单选框/复选框 文本框 表单验证
2015/06/25 Javascript
angular中实现控制器之间传递参数的方式
2017/04/24 Javascript
AngularJS实现的根据数量与单价计算总价功能示例
2017/12/26 Javascript
详解Vue中watch的高级用法
2018/05/02 Javascript
vue-cli项目中使用公用的提示弹层tips或加载loading组件实例详解
2018/05/28 Javascript
单页面vue引入百度统计的使用方法示例详解
2018/10/13 Javascript
Angular 2使用路由自定义弹出组件toast操作示例
2019/05/10 Javascript
vue搜索页开发实例代码详解(热门搜索,历史搜索,淘宝接口演示)
2020/04/11 Javascript
详解小程序横屏方案对比
2020/06/28 Javascript
如何构建一个Vue插件并生成npm包
2020/10/26 Javascript
[03:04]DOTA2超级联赛专访ZSMJ “莫名其妙”的逆袭
2013/05/23 DOTA
[02:11]2016国际邀请赛中国区预选赛最美TA采访现场玩家
2016/06/28 DOTA
Python编程之多态用法实例详解
2015/05/19 Python
Python 包含汉字的文件读写之每行末尾加上特定字符
2016/12/12 Python
python 实现将字典dict、列表list中的中文正常显示方法
2018/07/06 Python
Python2包含中文报错的解决方法
2018/07/09 Python
python django下载大的csv文件实现方法分析
2019/07/19 Python
python 判断三个数字中的最大值实例代码
2019/07/24 Python
Python hmac模块使用实例解析
2019/12/24 Python
Python中sorted()排序与字母大小写的问题
2020/01/14 Python
python爬虫要用到的库总结
2020/07/28 Python
html5中 media(播放器)的api使用指南
2014/12/26 HTML / CSS
银行类自荐信
2014/02/04 职场文书
市场部业务员岗位职责
2014/04/02 职场文书
党员批评与自我批评思想汇报(集锦)
2014/09/14 职场文书
离婚承诺书格式范文
2015/05/04 职场文书
2015年全国保险公众宣传日活动方案
2015/05/06 职场文书