模板字面量及模板标签

计算一个长方形的周长，使用模板字面量及模板标签编写
示例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>模板字面量及模板标签</title>
</head>
<body>
    <script>
          let long  = 20;
          let width = 15;
          let num = 2;
          let girth = calculateArea`长:${long}cm宽: ${width}cm的长方形计算公式：(长 + 宽) x ${num}周长等于：${(long+width)* num}cm`;
          function calculateArea(strings,...values)
          {
              //console.log(strings);
              //console.log(values);
              let str = "";
              for(let i = 0; i< values.length; i++)
              {
                  str += strings[i];
                  str +=  values[i];
              }
              str += strings[strings.length - 1];
              return str;
          }
          console.log(girth);
    </script>
</body>
</html>

示例图：

总结：
在调用的函数中可以嵌套多个字面量，可以将参数拼接，没有在实际的应用中不知道这段代码的用处，我相信在以后的前端编写中一定经常使用。在以前看一些前端代码就看到$(*)，还以为是PHP的变量。

模板字面量及模板标签

模板字面量及模板标签

相关文章