【JS004】ES6的学习笔记之模板字符串

最新推荐文章于 2024-08-21 18:18:33 发布

Commas.KM

最新推荐文章于 2024-08-21 18:18:33 发布

阅读量131

点赞数

分类专栏： javascript 文章标签： js javascript 字符串模板字符串 es6

本文链接：https://blog.csdn.net/qq_35844043/article/details/119604415

版权

javascript 专栏收录该内容

27 篇文章 2 订阅

订阅专栏

日期：2021年8月11日
作者：Commas
注释：如果您觉得有所帮助，帮忙点个赞；如果有不对的地方，还望各位大佬不吝赐教，谢谢^ - ^
(ง •_•)ง 积跬步以致千里，ES6的学习笔记
1.01³⁶⁵ = 37.7834；0.99³⁶⁵ = 0.0255
1.02³⁶⁵ = 1377.4083；0.98³⁶⁵ = 0.0006

一、模板字符串的定义

定义：普通字符串，用单引号【'】或者双引号【"】来定义；而模板字符串（template string）是增强版的字符串，用反引号【`】来标识。它可以当作普通字符串使用，也可以用来定义多行字符串，还可以在字符串中嵌入变量。

//let s = 'Hello World';
//let s = "Hello World";
let s = `Hello World`;
console.log(s,typeof(s));  //Hello World string

二、模板字符串的用途

序号	用途
1	普通字符串用法
2	多行字符串用法
3	嵌入变量的字符串用法
4	嵌入函数的字符串用法

三、模板字符串的示例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="main">

    </div>
    <script>
        // let [name,sex,hobby]=["张三","男","编程"];
        // document.getElementById("main").append(
        //    '大家好，我是'+name+',性别：'+sex+',爱好：'+hobby
        // );

        //（1）普通字符串用法
        // let s1 = 'Commas';
        // let s1 = "Commas";
        let s1 = `Commas`;
        console.log(s1,typeof(s1));  //Commas string

        //（2）多行字符串用法
        let s2 = `<ul>
                    <li>张三</li>
                    <li>李四</li>
                    <li>王五</li>
                  </ul>`;
        console.log(s2,typeof(s2));
        //===控制台输出===
        // <ul>
        //             <li>张三</li>
        //             <li>李四</li>
        //             <li>王五</li>
        //           </ul> string
        //===控制台输出===

        //（3）嵌入变量的字符串用法，即字符串拼接
        let who = "world";
        let s3 = `Hello ${who} ^-^`
        console.log(s3,typeof(s3));  //Hello world ^-^ string

        //（4）嵌入函数的字符串用法，即字符串拼接
        function test(){
            return "world";
        }
        let s4 = `Hello ${test()} ^-^`
        console.log(s4,typeof(s4));  //Hello world ^-^ string
    </script>


</body>
</html>

版权声明：本文为博主原创文章，如需转载，请给出：
原文链接：https://blog.csdn.net/qq_35844043/article/details/119604415

Commas.KM

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
【JS004】ES6的学习笔记之模板字符串

日期：2021年8月10日作者：Commas注释：如果您觉得有所帮助，帮忙点个赞；如果有不对的地方，还望各位大佬不吝赐教，谢谢^ - ^(ง •_•)ง 积跬步以致千里，ES6的学习笔记1.01365 = 37.7834；0.99365 = 0.02551.02365 = 1377.4083；0.98365 = 0.0006文章目录一、模板字符串的定义二、模板字符串的用途一、模板字符串的定义定义：普通字符串，用单引号【'】或者双引号【"】来定义；而模板字符串（template st.
复制链接

扫一扫