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}是一个优秀人!!`;
相关文章
|
6月前
|
JavaScript 前端开发
ES6的模板字符串使用
ES6的模板字符串使用
68 0
|
6月前
|
JavaScript 前端开发
ES6之模板字符串及字符串新增方法
ES6之模板字符串及字符串新增方法
|
6月前
|
编解码 JavaScript 前端开发
ES6 字符串的新增方法
ES6 字符串的新增方法
|
6月前
|
JSON 自然语言处理 JavaScript
ES6 字符串的扩展
ES6 字符串的扩展
|
1月前
ES6字符串 全局替换
ES6字符串 全局替换
21 0
|
自然语言处理 JavaScript 前端开发
ES6(字符串的扩展)
ES6(字符串的扩展)
93 0
ES6模板字符串的基本使用
ES6模板字符串的基本使用
ES6系列笔记-字符串方法和字符串模板
ES6系列笔记-字符串方法和字符串模板
40 1
|
6月前
|
JavaScript 前端开发
ES6 什么是模板字符串?
ES6 什么是模板字符串?
|
11月前
|
JavaScript 前端开发
ES6学习(四)—字符串的新增方法
ES6学习(四)—字符串的新增方法