JS ES6多行字符串与连接字符串的表示方法
2019/6/27 21:00:16
本文主要是介绍JS 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 ES6多行字符串与连接字符串的表示方法的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-09vue3开发前端表单缓存自定义指令,移动端h5必备插件
- 2024-05-09React Hooks在class组件中的使用方式
- 2024-03-30[OIDC in Action] 2. 基于OIDC(OpenID Connect)的SSO(纯JS客户端)
- 2024-03-29terraform jsonencode
- 2024-03-13vuex-persist
- 2024-03-11icons for vue
- 2024-03-07breadcrumbs react js
- 2024-03-06react login page example
- 2024-03-06react router uselocation
- 2024-03-04postgres jsonb_set