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 空位补零实现代码
Feb 26 Javascript
javascript实现上传图片并预览的效果实现代码
Apr 11 Javascript
Js 时间间隔计算的函数(间隔天数)
Nov 15 Javascript
jQuery实现滑动页面固定顶部显示(可根据显示位置消失与替换)
Oct 28 Javascript
Javascript中prototype的使用详解
Jun 18 Javascript
jquery延迟对象解析
Oct 26 Javascript
Vue单页应用引用单独的样式文件的两种方式
Mar 30 Javascript
vuex 项目结构目录及一些简单配置介绍
Apr 08 Javascript
在vue中使用vuex,修改state的值示例
Nov 08 Javascript
vue 函数调用加括号与不加括号的区别
Oct 29 Javascript
8个非常实用的Vue自定义指令
Dec 15 Vue.js
JavaScript仿京东轮播图效果
Feb 25 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程序员工具
2008/05/26 PHP
php自定义函数call_user_func和call_user_func_array详解
2011/07/14 PHP
php中邮箱地址正则表达式实现与详解
2012/04/24 PHP
php计算数组相同值出现次数的代码(array_count_values)
2015/01/20 PHP
PHP中判断文件存在使用is_file还是file_exists?
2015/04/03 PHP
php新建文件的方法实例
2019/09/26 PHP
Laravel + Elasticsearch 实现中文搜索的方法
2020/02/02 PHP
jquery each()源代码
2011/02/14 Javascript
javascript 二进制运算技巧解析
2012/11/27 Javascript
js实现倒计时(距离结束还有)示例代码
2013/07/24 Javascript
浅谈angularJS 作用域
2015/07/05 Javascript
原生js实现轮播图
2017/02/27 Javascript
微信小程序 空白页重定向解决办法
2017/06/27 Javascript
layui.use模块外部使用其内部定义的js封装函数方法
2019/09/16 Javascript
详解如何在Vue项目中发送jsonp请求
2019/10/25 Javascript
[08:17]Ti9 现场cosplay
2019/09/10 DOTA
python为tornado添加recaptcha验证码功能
2014/02/26 Python
Django ModelForm组件使用方法详解
2019/07/23 Python
Django 限制访问频率的思路详解
2019/12/24 Python
Python3中configparser模块读写ini文件并解析配置的用法详解
2020/02/18 Python
Python接口测试get请求过程详解
2020/02/28 Python
python 图像插值 最近邻、双线性、双三次实例
2020/07/05 Python
Python高并发和多线程有什么关系
2020/11/14 Python
html5移动端价格输入键盘的实现
2019/09/16 HTML / CSS
Perricone MD裴礼康美国官网:抗衰老护肤品
2016/09/26 全球购物
心碎乌托邦的创业计划书范文
2013/12/26 职场文书
库房主管岗位职责
2013/12/31 职场文书
2014年公务员转正工作总结
2014/11/07 职场文书
中学教师师德师风承诺书
2015/04/28 职场文书
单位工资证明范本
2015/06/12 职场文书
政协常委会议主持词
2015/07/03 职场文书
汽车销售员工作总结
2015/08/12 职场文书
2016元旦晚会主持词开场白和结束语
2015/12/04 职场文书
2016年基层党组织公开承诺书
2016/03/25 职场文书
Redis持久化与主从复制的实践
2021/04/27 Redis
生命的关键成分来自太空?陨石说是的
2022/04/29 数码科技