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

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

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 修改apache服务器端口号_apache修改端口号

    修改apache服务器端口号_apache修改端口号一、修改/etc/httpd/conf/httpd.conf文件中的监听端口号Listen80把80修改成需要的号,如8000,即Listen8000二、查看SELinux下http相关端口#semanageport-l|grephttphttp_cache_port_ttcp3128,8080,8118,10001-10010http_cache_po

    2022年9月14日
    0
  • TCP/IP及内核参数优化调优

    TCP/IP及内核参数优化调优

    2022年2月9日
    33
  • 微信小程序api

    微信小程序api1.api1.概述小程序开发框架提供丰富的微信原生API,可以方便的调起微信提供的能力,如获取用户信息,本地存储,支付功能等2.api分类监听api约定以on开头的API用了来监听某个事件是否触发同步api约定,以Sync结尾的API都是同步API,直接接取函数返回的的结果既可,不需要等待异步api大多数API都是异步API,如wx.request,wx.login等,异步api方法主体是object结构,都有success/faill/complete几乎所有的异步api都支

    2022年7月16日
    16
  • PyQt5开发学习(一)–在Pycharm使用PyQt5

    PyQt5开发学习(一)–在Pycharm使用PyQt5安装PyQt5PyCharm对每个工程,都有独立的系统环境,工程需要的每个库,都可以安装在工程目录下,而不是安装在系统目录下。如果安装太慢,可以更改PIP的源,如下:清华:https://pypi.tuna.tsinghua.edu.cn/simple豆瓣:http://pypi.douban.com/simple/阿里:http://mirrors.aliyun.com/py…

    2022年8月26日
    9
  • 安装 Prophet

    安装 Prophet本安装文档主要翻译整理自ProphetInstallation官方安装文档。在R上安装Prophet一、Windows系统安装Prophet前的准备工作如果是Windows系统,需要按照rstan提供的教程给R安装一个编译器。其中,最为关键的一步就是先安装Rtools。1.安装R和RStudio2.安装Rtools,确保其安装…

    2022年6月25日
    79
  • gdb调试命令的使用及总结_大锅安装调试指南

    gdb调试命令的使用及总结_大锅安装调试指南写这篇文档的目的是对前面GDB的知识做一次总览,本文为GDB调试指南,参考GDB调试手册,目前已有的篇目:启动调试断点设置查看源码单步调试查看变量前言GDB是Linux下非常好用且强大的调试工具。GDB可以调试C、C++、Go、java、objective-c、PHP等语言。对于一名Linux下工作的c/c++程序员,GDB是必不可少的工具,本篇以C语言来调试。GDB简介U…

    2022年10月24日
    1

发表回复

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

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