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 相关文章推荐
Extjs优化(二)Form表单提交通用实现
Apr 15 Javascript
node.js中的fs.utimes方法使用说明
Dec 15 Javascript
js实现的tab标签切换效果代码分享
Aug 25 Javascript
jquery验证邮箱格式并显示提交按钮
Nov 07 Javascript
利用jquery实现下拉框的禁用与启用
Dec 07 Javascript
理解 Node.js 事件驱动机制的原理
Aug 16 Javascript
详解VUE 对element-ui中的ElTableColumn扩展
Mar 28 Javascript
angularjs $http调用接口的方式详解
Aug 13 Javascript
在Vue中用canvas实现二维码和图片合成海报的方法
Jun 10 Javascript
使用JQuery自动完成插件Auto Complete详解
Jun 18 jQuery
JavaScript如何实现防止重复的网络请求的示例
Jan 28 Javascript
AJAX学习笔记
May 18 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 fopen 读取带中文URL地址的一点见解
2012/09/25 PHP
php.ini save_handler 修改不生效的解决办法
2014/07/22 PHP
php单例模式实现方法分析
2015/03/14 PHP
FastCGI 进程意外退出造成500错误
2015/07/26 PHP
php 算法之实现相对路径的实例
2017/10/17 PHP
PHP基于timestamp和nonce实现的防止重放攻击方案分析
2019/07/26 PHP
PHP实现随机发放扑克牌
2020/04/21 PHP
关于文本限制字数的js代码
2007/04/02 Javascript
JavaScript监测ActiveX控件是否已经安装过的代码
2008/09/02 Javascript
javascript工具库代码
2012/03/29 Javascript
jquery实现的美女拼图游戏实例
2015/05/04 Javascript
JQuery实现样式设置、追加、移除与切换的方法
2015/06/11 Javascript
Node.js本地文件操作之文件拷贝与目录遍历的方法
2016/02/16 Javascript
Javascript操作表单实例讲解(下)
2016/06/20 Javascript
jQuery输入框密码的显示隐藏【代码分享】
2017/04/29 jQuery
详解vue-cli 脚手架项目-package.json
2017/07/04 Javascript
jQuery取得元素标签名称小结(附代码)
2017/08/16 jQuery
解决npm管理员身份install时出现权限的问题
2018/03/16 Javascript
vue实现动态添加数据滚动条自动滚动到底部的示例代码
2018/07/06 Javascript
最简单的JS实现json转csv的方法
2019/01/10 Javascript
30分钟精通React今年最劲爆的新特性——React Hooks
2019/03/11 Javascript
layui关闭弹窗后刷新主页面和当前更改项的例子
2019/09/06 Javascript
[06:16]第十四期-国士无双绝地翻盘之撼地神牛
2014/06/24 DOTA
pyqt4教程之messagebox使用示例分享
2014/03/07 Python
python+selenium 定位到元素,无法点击的解决方法
2019/01/30 Python
通过python实现弹窗广告拦截过程详解
2019/07/10 Python
Python 硬币兑换问题
2019/07/29 Python
python判断元素是否存在的实例方法
2020/09/24 Python
python uuid生成唯一id或str的最简单案例
2021/01/13 Python
美国孩之宝玩具官网:Hasbro Pulse
2019/06/24 全球购物
学生处主任岗位职责
2013/12/01 职场文书
大学生创业计划书的用途
2014/01/08 职场文书
希特勒经典演讲稿
2014/05/19 职场文书
初中信息技术教学计划
2015/01/22 职场文书
大雁塔英文导游词
2015/02/10 职场文书
施工单位工程部经理岗位职责
2015/04/09 职场文书