前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >es6模板字符串和占位符${}「建议收藏」

es6模板字符串和占位符${}「建议收藏」

作者头像
全栈程序员站长
发布2022-09-24 13:19:46
5380
发布2022-09-24 13:19:46
举报

大家好,又见面了,我是你们的朋友全栈君。

描述:

  模板字符串使用反引号 () 来代替普通字符串中的用双引号和单引号。模板字符串可以包含特定语法(${expression})的占位符。                                           ———-MDN原话   相对于引号,它的优点:   1.反引号中可以识别回车     例如: es5中:

代码语言:javascript
复制
		console.log('nihao\n'+'zhl');

    等同于es6中:

代码语言:javascript
复制
		console.log(`nihao zhl`);

  2.其中可以识别占位符${},放变量

代码语言:javascript
复制
	var _name = 'zhl';
	var workTime = 0.1;
	
	//在es5中只可以使用拼接的方法
	console.log('我的名字是'+_name,'\n开始工作了'+workTime+'年');
	
	//es6中优雅的写法
	console.log(`我的名字是${ 
     _name} 开始工作了${ 
     workTime}年`);

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/171846.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

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

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

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