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 view-source 无法查看看源码 JavaScript看网页源码
Jul 19 Javascript
javascript在事件监听方面的兼容性小结
Apr 07 Javascript
JavaScript使用pop方法移除数组最后一个元素用法实例
Apr 06 Javascript
jQuery模仿阿里云购买服务器选择购买时间长度的代码
Apr 29 Javascript
js自定义select下拉框美化特效
May 12 Javascript
jquery 标签 隔若干行加空白或者加虚线的方法
Dec 07 Javascript
jQuery实现select模糊查询(反射机制)
Jan 14 Javascript
Vue 2.x教程之基础API
Mar 06 Javascript
jQuery遍历节点方法汇总(推荐)
May 13 jQuery
vue内置指令详解
Apr 03 Javascript
js实现视图和数据双向绑定的方法分析
Feb 05 Javascript
解决Can't find variable: SockJS vue项目的问题
Sep 22 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 adodb介绍
2009/03/19 PHP
PHP将DateTime对象转化为友好时间显示的实现代码
2011/09/20 PHP
解析CI即CodeIgniter框架在Nginx下的重写规则
2013/06/03 PHP
PHP 伪静态技术原理以及突破原理实现介绍
2013/07/12 PHP
使用PHP静态变量当缓存的方法
2013/11/13 PHP
smarty半小时快速上手入门教程
2014/10/27 PHP
php生成rss类用法实例
2015/04/14 PHP
php实现图片上传、剪切功能
2016/05/07 PHP
静态图片的十一种滤镜效果--不支持Ie7及非IE浏览器。
2007/03/06 Javascript
jquery $.ajax入门应用二
2008/11/19 Javascript
js onpropertychange输入框 事件获取属性
2009/03/26 Javascript
jquery做的一个简单的屏幕锁定提示框
2014/03/26 Javascript
提交按钮的name='submit'引起的js失效问题及原因
2015/02/25 Javascript
JS中的forEach、$.each、map方法推荐
2016/04/05 Javascript
jQuery.Ajax()的data参数类型详解
2017/07/23 jQuery
基于JavaScript实现五子棋游戏
2020/08/26 Javascript
Vue.js组件间的循环引用方法示例
2017/12/27 Javascript
详解在create-react-app使用less与antd按需加载
2018/12/06 Javascript
微信小程序位置授权处理方法
2019/06/13 Javascript
关于element的表单组件整理笔记
2021/02/05 Javascript
JavaScript 中的执行上下文和执行栈实例讲解
2021/02/25 Javascript
Python连接PostgreSQL数据库的方法
2016/11/28 Python
Python 遍历子文件和所有子文件夹的代码实例
2016/12/21 Python
PyCharm永久激活方式(推荐)
2020/09/22 Python
python实现在内存中读写str和二进制数据代码
2020/04/24 Python
美国最顶级的精品店之一:Hampden Clothing
2016/12/22 全球购物
idealfit英国:世界领先的女性健身用品和运动衣物品牌
2017/11/25 全球购物
草莓网中国:StrawberryNet中国
2020/08/17 全球购物
函数指针的定义是什么
2016/08/14 面试题
毕业证丢失证明
2014/01/15 职场文书
会计专业求职信范文
2014/03/16 职场文书
兴趣小组活动总结
2014/05/05 职场文书
大学生见习报告总结
2014/11/04 职场文书
2014年勤工助学工作总结
2014/11/24 职场文书
春节慰问信范文
2015/02/15 职场文书
MySQL中TIMESTAMP类型返回日期时间数据中带有T的解决
2022/12/24 MySQL