模板字符串竟然还有这种用法

本文介绍了JavaScript中模板字符串的高级应用——标签模板。通过定义函数解析传入的模板字符串,实现字符串重组、条件计算及模板解析。标签模板函数接收模板字符串的字符数组及插入变量作为参数。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

不知道在哪看到了模板字符串作为函数的调用这种用法,开始看到的时候很懵逼,因为原来根本不知道模板字符串还能这么用,也没见过有人这样用过。

doSomething`my name is ${name}`
复制代码

后来在MDN上又去看了下模板字符串相关的章节,才知道这个用法是模板字符串的一种高级应用,叫做标签模板。总体来说就是定义一个函数来解析传入的模板字符串。此函数的第一个参数是模板字符串的字符部分组成的一个数组。比如上面那个my name is ${name},那么第一个参数就是['my name is', '' ,''] 后面连个空值是${name}前后是空值。标签标签函数后面的参数就是,模板字符串中插入的变量,如果有一个变量那么就增加一个参数。

其实应用的话很简单就是对模板字符串进行重组和各种条件计算。更高级一点的就是进行模板解析了。。。。。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值