日期:2021年8月11日
作者:Commas
注释:如果您觉得有所帮助
,帮忙点个赞
;如果有不对的地方,还望各位大佬不吝赐教,谢谢^ - ^
(ง •_•)ง 积跬步以致千里,ES6的学习笔记
1.01365 = 37.7834;0.99365 = 0.0255
1.02365 = 1377.4083;0.98365 = 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