es6-模版字符串

简介: 【8月更文挑战第19天】

传统的 JavaScript 语言,输出模板通常使用加号(+)拼接
模板字符串是增强版的字符串,用反引号(`)标识。它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量。
模板字符串中嵌入变量,需要将变量名写在${}之中。

    // 1.声明
    let str1 = `我是字符串`;
    console.log(str1, typeof str1);// 我是字符串 string
    // 2.内容中可以直接出现换行符
    let str = `<ul>
        <li>陈</li>
        <li>劳</li>
        <li>测</li>
        </ul>`;
    console.log(str);//<ul><li>陈</li><li>劳</li><li>测</li></ul>
    // 3.变量拼接
    let name = '张三';
    let out = `${name}是一个优秀人!!`;
相关文章
|
8月前
|
JavaScript 前端开发
ES6的模板字符串使用
ES6的模板字符串使用
88 0
|
8月前
|
JavaScript 前端开发
ES6之模板字符串及字符串新增方法
ES6之模板字符串及字符串新增方法
102 0
|
8月前
|
编解码 JavaScript 前端开发
ES6 字符串的新增方法
ES6 字符串的新增方法
|
7月前
|
JavaScript 前端开发 开发者
ES6模板字符串详解
ES6模板字符串是JavaScript中一个强大且灵活的特性,它为开发者提供了一种更优雅地处理字符串的方式。通过嵌入表达式和支持多行文本,模板字符串显著提高了代码的可读性和编写效率。在实际开发中,合理利用模板字符串可以使代码更加清晰易懂,是现代JavaScript开发中不可或缺的工具之一。
82 0
ES6模板字符串详解
|
8月前
|
JavaScript 前端开发 索引
ES6学习之字符串
ES6学习之字符串
|
自然语言处理 JavaScript 前端开发
ES6(字符串的扩展)
ES6(字符串的扩展)
101 0
ES6模板字符串的基本使用
ES6模板字符串的基本使用
ES6系列笔记-字符串方法和字符串模板
ES6系列笔记-字符串方法和字符串模板
47 1
|
8月前
|
JavaScript 前端开发
ES6 什么是模板字符串?
ES6 什么是模板字符串?
模版匹配
模版匹配
46 1