es6模板字符串里用html标签,为ES6模板字符串计算标签函数[通俗易懂]

es6模板字符串里用html标签,为ES6模板字符串计算标签函数[通俗易懂]Python部落(python.freelycode.com)组织翻译,禁止转载,欢迎转发。这篇博客描述了你可以通过函数为ES6模板字符串做些什么从而获取返回值。对于一篇针对模板字符串的介绍来说,标记的模板字符串和函数需要在《探索ES6》中查询模板字符串章节1.通过模板字符串获取返回值在JavaScript中获取一个值最普遍的方法就是在括号中加上参数。在ES6中,你可以通过模板字符串更多地获取返回…


Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

Python部落(python.freelycode.com)组织翻译,禁止转载,欢迎转发。

这篇博客描述了你可以通过函数为ES6模板字符串做些什么从而获取返回值。

对于一篇针对模板字符串的介绍来说,标记的模板字符串和函数需要在《探索ES6》中查询模板字符串章节

1.通过模板字符串获取返回值

在JavaScript中获取一个值最普遍的方法就是在括号中加上参数。

546f610d7f944f53bcfea018dc754e68.png

在ES6中,你可以通过模板字符串更多地获取返回值。

9ca483f664554d1db8864fdc53aef48a.png

value现在是第一个参数为模板字符串的标签函数,并且它现在的元素就是参数值。

2.返回标签函数的函数

如果你通过一个模板字符串获取到的值是一个返回标签函数的函数,那么你可以把后一个函数作为前一个函数的参数传递过去。

比如说,在下面的交互中,repeat(x)函数就返回了一个重复自己的模板字符串x次的标签函数。

8725b0e58266417581b43a1f8edd742e.png

这是repeat()函数的实现过程。

43c0d7c2c4c54105928e0e62a491a875.png

3.返回标签函数的标签函数

你甚至可以自己创建返回标签函数的标签函数,把自己的模板字符串串联起来。

比如说,这是一个让你自己连接3个模板字符串的一个标签函数three。

8273e68d05874ed7ae1d90c3a68247fb.png

这是你如何实现函数three的过程。

17014b9ae7d447b3a5215283b10c8d30.png

下列的标签函数能联接合并你自己创建的任意长度的字符串,但是你需要通过一个空的参数列表标记联接的结束点。

b7c78ca6250c4621a9b1f2403d3e6800.png

下面这个也是有效的,因为模板字符串总是提供至少一个参数。

56c9980510c1430593ab6f3e0c6a7c75.png

4.真实世界的例子:样式元素

由Glen Maddern和Max Stoiber提出的样式元素提供了生动的原型,它可以让你通过在模板字符串中的CSS来给相互反应的元素提供样式。

来自网站的例子:

602a841b06ba459fb731e9c4ad49a695.png

5.深入阅读章节

[1].在《探索ES6》中的章节模板字符串

[2].更多关于返回函数的函数:“局部套用部分应用(使用JavaScript)”

英文原文:http://www.2ality.com/2016/11/computing-tag-functions.html

译者:他知道风从哪个方向来

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

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

赞 (0)
全栈程序员-站长的头像全栈程序员-站长

相关推荐

  • 数据结构(栈&堆 )

    数据结构(栈&堆 )

    2021年9月3日
  • 浅析Java中volatile关键字及其作用

    浅析Java中volatile关键字及其作用在Java多线程中如何保证线程的安全性?那我们可以使用Synchronized同步锁来给需要多个线程访问的代码块加锁以保证线程安全性。

    2022年5月31日
  • golang IDEA激活码【最新永久激活】2022.02.09

    (golang IDEA激活码)最近有小伙伴私信我,问我这边有没有免费的intellijIdea的激活码,然后我将全栈君台教程分享给他了。激活成功之后他一直表示感谢,哈哈~https://javaforall.net/100143.htmlIntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,上面是详细链接哦~4KDD…

    2022年4月1日
  • 计算机入门新人必学,电脑新手入门教程 让你快速上手

    计算机入门新人必学,电脑新手入门教程 让你快速上手随着互联网时代的快速发展,电脑发展也相当的成熟,新手学电脑可以快速入门,是每个新手梦寐以求的事情,但是不会所有人都可以快速上手,最近很多用户咨询我关于零基础学电脑先学什么,或者是电脑新手入门必学什么东西,那么接下来,我就给大家精心准备了电脑新手入门教程,大家一起来看看吧。电脑新手入门教程1、第一步是鼠标演练,先要熟悉拖动、复制、粘贴、移动等,主要训练自己对功能的了解和熟练度。2、开始学习用键盘打字…

    2022年6月16日
  • phpstorm-激活码(破解版激活)[通俗易懂]

    phpstorm-激活码(破解版激活),https://javaforall.net/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

    2022年3月16日
  • python监控网页变化教程_Python实时监控网站浏览记录实现过程详解

    python监控网页变化教程_Python实时监控网站浏览记录实现过程详解需求:(1)获取你对象chrome前一天的浏览记录中的所有网址(url)和访问时间,并存在一个txt文件中(2)将这个txt文件发送给指定的邮箱地址(你的邮箱)(3)建立例行任务,每天定时自动完成这些操作,你就可以通过邮件查看你对象每天看啥了准备macOSSierraPython3.6Chrome发送邮件的qq邮箱地址qq邮箱授权码SMTP服务器地址:smtp.qq.com接受邮件的邮箱地…

    2022年7月16日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号