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选择器源码解读(四):tokenize方法的Expr.preFilter
Mar 31 Javascript
简介JavaScript中fixed()方法的使用
Jun 08 Javascript
jQuery stop()用法实例详解
Jul 28 Javascript
微信小程序 picker-view 组件详解及简单实例
Jan 10 Javascript
简单的vue-resourse获取json并应用到模板示例
Feb 10 Javascript
MUI  Scroll插件的使用详解
Apr 13 Javascript
浅谈vuex之mutation和action的基本使用
Aug 29 Javascript
使用Bootrap和Vue实现仿百度搜索功能
Oct 26 Javascript
深入理解 Koa 框架中间件原理
Oct 18 Javascript
webpack实践之DLLPlugin 和 DLLReferencePlugin的使用教程
Jun 10 Javascript
React中使用UMEditor的方法示例
Dec 27 Javascript
vue组件是如何解析及渲染的?
Jan 13 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新手上路(四)
2006/10/09 PHP
PHP如何解决网站大流量与高并发的问题
2011/06/25 PHP
php目录操作实例代码
2014/02/21 PHP
php求数组全排列,元素所有组合的方法总结
2017/03/14 PHP
小型js框架veryide.librar源代码
2009/03/05 Javascript
让div层随鼠标移动的实现代码 ie ff
2009/12/18 Javascript
70+漂亮且极具亲和力的导航菜单设计国外网站推荐
2011/09/20 Javascript
Javascript removeChild()删除节点及删除子节点的方法
2015/12/27 Javascript
JS for...in 遍历语句用法实例分析
2016/08/24 Javascript
jQuery获取this当前对象子元素对象的方法
2016/11/29 Javascript
Bootstrap基本组件学习笔记之input输入框组(9)
2016/12/07 Javascript
BootStrap CSS全局样式和表格样式源码解析
2017/01/20 Javascript
jQuery实现选项卡功能(两种方法)
2017/03/08 Javascript
开发Vue树形组件的示例代码
2017/12/21 Javascript
vue实现的组件兄弟间通信功能示例
2018/12/04 Javascript
Python 读取图片文件为矩阵和保存矩阵为图片的方法
2018/04/27 Python
解决tensorflow测试模型时NotFoundError错误的问题
2018/07/26 Python
Flask框架踩坑之ajax跨域请求实现
2019/02/22 Python
Django 自动生成api接口文档教程
2019/11/19 Python
新加坡时尚网上购物:Zalora新加坡
2016/07/26 全球购物
英国在线房屋中介网站:Yopa
2018/01/09 全球购物
英国家用电器折扣网站:Electrical Discount UK
2018/09/17 全球购物
机械专业毕业生自荐信
2013/11/02 职场文书
创伤外科专业推荐信范文
2013/11/19 职场文书
大学生村官事迹材料
2014/01/21 职场文书
小学生节约用水倡议书
2014/05/15 职场文书
教师求职自荐书
2014/06/14 职场文书
高校自主招生自荐信2015
2015/03/04 职场文书
工作调动申请报告
2015/05/18 职场文书
2015新员工工作总结范文
2015/10/15 职场文书
2016年三严三实党课学习心得体会
2016/01/06 职场文书
如何解决goland,idea全局搜索快捷键失效问题
2022/04/03 Golang
JavaScript模拟实现网易云轮播效果
2022/04/04 Javascript
阿里云k8s服务升级时502错误 springboot项目应用
2022/04/09 Servers
安装harbor作为docker镜像仓库的问题
2022/06/14 Servers
Mysql数据库group by原理详解
2022/07/07 MySQL