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
  • 相关阅读:
    DHCP Option 60 的理解
    几种开源分词工具的比較
    推荐交互设计师阅读的一本书
    iOS IAP教程
    艰苦的RAW格式数据恢复之旅
    BestCoder Round #11 (Div. 2) 前三题题解
    罗马数字
    mysql 加入列,改动列,删除列。
    杂项:ASP.NET Web API
    杂项:Web API
  • 原文地址:https://www.cnblogs.com/WaterMealone/p/14438847.html
Copyright © 2011-2022 走看看