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 相关文章推荐
srcElement表格样式
Sep 03 Javascript
qTip 基于JQuery的Tooltip插件[兼容性好]
Sep 01 Javascript
javascript在myeclipse中报错的解决方法
Oct 29 Javascript
AngularJS入门教程之AngularJS指令
Apr 18 Javascript
基于js中的原型、继承的一些想法
Aug 10 Javascript
JS常用函数和常用技巧小结
Oct 15 Javascript
利用yarn实现一个webpack+react种子
Oct 25 Javascript
DOM 事件的深入浅出(一)
Dec 05 Javascript
AngularJS 控制器 controller的详解
Oct 17 Javascript
jquery 给动态生成的标签绑定事件的几种方法总结
Feb 24 jQuery
详解jQuery中的isPlainObject()使用方法
Feb 27 jQuery
vue.js Router中嵌套路由的实用示例
Jun 27 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漏洞全解(详细介绍)
2012/11/13 PHP
PHP_Cooikes不同页面无法传递的解决方法
2014/03/07 PHP
PHP 实现判断用户是否手机访问
2015/01/21 PHP
PHP中用Trait封装单例模式的实现
2019/12/18 PHP
幻宇的层模拟窗口效果-提供演示和下载
2007/01/20 Javascript
ie 处理 gif动画 的onload 事件的一个 bug
2007/04/12 Javascript
javascript 面向对象编程 万物皆对象
2009/09/17 Javascript
jquery触发a标签跳转事件示例代码
2013/07/21 Javascript
JS自定义功能函数实现动态添加网址参数修改网址参数值
2013/08/02 Javascript
文档对象模型DOM通俗讲解
2013/11/01 Javascript
基于JQuery实现的图片自动进行缩放和裁剪处理
2014/01/31 Javascript
jQuery中attr()和prop()在修改checked属性时的区别
2014/07/18 Javascript
js的window.showModalDialog及window.open用法实例分析
2015/01/29 Javascript
BootStrap 智能表单实战系列(二)BootStrap支持的类型简介
2016/06/13 Javascript
jquery中的常见问题及快速解决方法小结
2016/06/14 Javascript
jQuery组件easyui对话框实现代码
2016/08/25 Javascript
用jquery快速解决IE输入框不能输入的问题
2016/10/04 Javascript
学习vue.js条件渲染
2016/12/03 Javascript
Bootstrap基本模板的使用和理解1
2016/12/14 Javascript
js学习总结之DOM2兼容处理顺序问题的解决方法
2017/07/27 Javascript
详解开源的JavaScript插件化框架MinimaJS
2017/10/26 Javascript
angular的输入和输出的使用方法
2018/09/22 Javascript
angularJs提交文本框数据到后台的方法
2018/10/08 Javascript
JavaScript 面向对象程序设计详解【类的创建、实例对象、构造函数、原型等】
2020/05/12 Javascript
Python去除字符串两端空格的方法
2015/05/21 Python
Django中使用极验Geetest滑动验证码过程解析
2019/07/31 Python
Python模拟FTP文件服务器的操作方法
2020/02/18 Python
基于CSS3制作立体效果导航菜单
2016/01/12 HTML / CSS
巴黎卡诗加拿大官网:Kérastase加拿大
2018/11/12 全球购物
运动会闭幕式解说词
2014/02/21 职场文书
2014财务年终工作总结
2014/12/08 职场文书
企业年会祝酒词
2015/08/11 职场文书
Python文件的操作示例的详细讲解
2021/04/08 Python
python 中yaml文件用法大全
2021/07/04 Python
OpenCV实现常见的四种图像几何变换
2022/04/01 Python
Win10鼠标宏怎么设置?win10系统鼠标宏的设置方法
2022/08/14 数码科技