前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >js-基础知识-04-字符串拼接

js-基础知识-04-字符串拼接

作者头像
zishendianxia
发布2021-04-26 15:28:59
1.9K0
发布2021-04-26 15:28:59
举报
文章被收录于专栏:Python工程师Python工程师

系统:Windows 7 VsCode:1.51 Node.js:10.15.3

  • 这个系列讲讲javascript的一些基础知识
  • 今天讲讲字符串的凭借

Part 1:场景说明

  1. 日常编码中,经常用字符串拼接组合,首先想到的是使用+,但是一旦拼接的部分比较复杂,整个代码也看起来比较费劲,而且易错
  2. 今天说说在ES6中的模板字符串``,键盘左上角,ESC下方的特殊符号

Part 2: 代码

代码语言:javascript
复制
a = 'you';
b = 'are';
c = 'so';
d = 'good';

e1 = `字符串拼接效果:${a}-${b}/${c}*${d}`;
console.log('e1', e1);

e2 = '字符串拼接效果:' + a + '-'+ b  + '/' + c + '*' + d
console.log('e2', e2);

代码截图

运行结果

Part 3:部分代码说明

  1. 这种通过在``符号内部加入变量的方法,非常直观简单,和Python中字符串的format用法有点像
  2. 变量采用${}来引用已定义的变量

Part 4:延伸

1. ${} 中支持数值运算,示例如下

代码语言:javascript
复制
a = 'you';
b = 'are';
c = 'so';
d = 1


e1 = `字符串拼接效果:${a}-${b}/${c}*${d+1}`;
console.log('e1', e1);

e2 = '字符串拼接效果:' + a + '-'+ b  + '/' + c + '*' + d + 1
console.log('e2', e2);

代码截图及运行结果

本文为原创作品,欢迎分享朋友圈

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2021-04-11,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 Python工程师 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档