zoukankan      html  css  js  c++  java
  • 2/23 JavaScript 中标签函数中 模板 问题

    写在前面

      最近在系统学习JavaScript( 之前只是停留在实践较多的 但是越发发觉不理解底层的东西 有些时候 代码就是要出错 尤其是 体现在 js 单线程处理问题上 )

      买了红宝书

      然后看了一会儿

      发现了 标签函数 里面 参数 有点奇怪

      于是研究了一下


    代码

    let a = 6;
    let b = 7;
    
    function test(strings,...expressions){
        console.log(strings);
        for(const value of expressions){
            console.log(value);
        }
    }
    test`${a}+${b}=${a+b}`;
    test`${a}+${b}${"b="}=${"this is bad"}()${a+b}`;
    test`${a}${b}${"b="}${"this is bad"}()${a+b}`;

      上面的就是 标签函数 

      通过获取一个模板字符串 来得到参数

      参数 有几个

      第一个 是不包括插值的模板字符串

      以后的参数 是传入模板的插值 

      很奇妙的东西来了

      就是 如果 插值参数 有 n 个的话

      那么 我们的模板 的 数组长度就有 n+1 个

      按照上面的输出 康康

      

      起初,我根本找不到 第一个参数 的规律

      但是 看到了书上一段代码

      

      于是恍然大悟

      其实 是这样来排列的

      第一位 某一串字符串(遇到插值之前的字符串) “xxxx”

      然后 剩下的插值 和 字符串 两两匹配 没有 就是""

      

       

     总结

      明天继续

    Let it roll
  • 相关阅读:
    CF1537C Challenging Cliffs
    CF1454E Number of Simple Paths
    六、链表
    AOP中的一些概念
    Autowired查找顺序
    webpack配置babel
    selenium处理iframe下 #document 标签
    Soul 网关 Nacos 数据同步源码解析
    安装ssl证书后,部分浏览器提示你的链接不安全,服务器应使用tls1.2或更高版本
    php 安装 imagick扩展失败 ,phpinfo一直不显示
  • 原文地址:https://www.cnblogs.com/WaterMealone/p/14438847.html
Copyright © 2011-2022 走看看