脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → ES6多行字符串与连接字符串

JS ES6多行字符串与连接字符串的表示方法

 更新时间：2017年04月26日 11:07:12   作者：OliveKong  
这篇文章主要介绍了JS ES6多行字符串与连接字符串的表示方法,结合具体实例形式对比分析了ES6中的多行字符串与连接字符串的表示方法与相关操作技巧,需要的朋友可以参考下

本文实例讲述了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相关内容感兴趣的读者可查看本站专题：《ECMAScript6(ES6)入门教程》、《JavaScript数组操作技巧总结》、《JavaScript字符与字符串操作技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript错误与调试技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

您可能感兴趣的文章:

相关文章

  • JS图片无缝滚动(简单利于使用)

    JS图片无缝滚动(简单利于使用)

    现在又想做一个无缝滚动了，所以在网上找啊找，好多都是相同的，而且调试复杂，好多都不能动，也懒得去细看，终于让我发现了这个，希望能帮到别人：
    2013-06-06
  • JS中传递参数的几种不同方法比较

    JS中传递参数的几种不同方法比较

    本篇文章主要介绍了JS中传递参数的几种不同方法。具有一定的参考价值，下面跟着小编一起来看下吧
    2017-01-01
  • 防止按钮在短时间内被多次点击的方法

    防止按钮在短时间内被多次点击的方法

    一个按钮可以在短时间内多次点击，那么有可能会被用户恶意点击，下面有个不错的方法可以有效制止，希望对大家有所帮助
    2014-03-03
  • 如何基于原生javaScript生成带图片的二维码

    如何基于原生javaScript生成带图片的二维码

    这篇文章主要介绍了如何基于原生javaScript生成带图片的二维码,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-11-11
  • 给事件响应函数传参数的四种方式小结

    给事件响应函数传参数的四种方式小结

    这篇文章主要介绍了给事件响应函数传参数的四种方式。需要的朋友可以过来参考下，希望对大家有所帮助
    2013-12-12
  • 微信小程序图片选择区域裁剪实现方法

    微信小程序图片选择区域裁剪实现方法

    本篇文章主要介绍了微信小程序图片选择区域屏裁剪实现方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-12-12
  • js实现手表表盘时钟与圆周运动

    js实现手表表盘时钟与圆周运动

    这篇文章主要为大家详细介绍了js实现手表表盘时钟与圆周运动，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-09-09
  • layui实现table加载的示例代码

    layui实现table加载的示例代码

    今天小编就为大家分享一篇layui实现table加载的示例代码，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • 如何在uniapp中获取可视区域的高度(uni.getSystemInfo)

    如何在uniapp中获取可视区域的高度(uni.getSystemInfo)

    这篇文章主要给大家介绍了关于如何在uniapp中获取可视区域的高度(uni.getSystemInfo)的相关资料,文中通过图文以及实例代码介绍的非常详细,对大家学习或者使用uniapp具有一定的参考学习价值,需要的朋友可以参考下
    2023-04-04
  • javascript高级学习笔记整理

    javascript高级学习笔记整理

    打算做一个js面向对象的贪吃蛇,但是最终是流产了,整理了下废弃的代码,回顾了下PPT.想学习js面向对象的朋友也可以参考下。
    2011-08-08

最新评论