重学ES系列之模版字符串

简介: 重学ES系列之模版字符串
<!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>
</body>
<script>
    let name = "maomin";
    let age = "20";
    console.log("user="+name+"  "+"age="+age);
    let str = `name=${name}, age=${age}`;
    console.log(str);
    // 在模版字符串内可以进行调用。
    function showName(params) {
        return "I am maomin"
    }
    console.log(`${showName()}`);
    // 如果通过模版字符串进行传参的话,第一个参数是一个数组,是除$以外的内容。
    function add(a,b,c) {
        return a[0]+b+a[1]+c
    }
    let out = add`name=${name},age=${age}`;
    console.log(out);
    // 也可以这样
    function add1(name,age) {
        return add`name=${name},age=${age}`
    }
    console.log(add1("xqm","20"))
</script>
</html>
相关文章
|
2天前
|
JavaScript 前端开发
es6-模版字符串
【8月更文挑战第19天】
9 1
ES6模板字符串的基本使用
ES6模板字符串的基本使用
|
前端开发
前端学习笔记202306学习笔记第四十天-Es6-属性和方法的简写
前端学习笔记202306学习笔记第四十天-Es6-属性和方法的简写
47 0
|
9月前
ES6系列笔记-字符串方法和字符串模板
ES6系列笔记-字符串方法和字符串模板
29 1
|
3月前
|
前端开发
【前端学习】—ES6新增的方法有哪些(十五)
【前端学习】—ES6新增的方法有哪些(十五)
|
11月前
ES6: 模版字符串
ES6: 模版字符串
29 0
ES6模板字符串是什么,有什么优点
ES6模板字符串是什么,有什么优点
73 0
|
自然语言处理 JavaScript 前端开发
每天3分钟,重学ES6-ES12(三)标签模版字符串
每天3分钟,重学ES6-ES12(三)标签模版字符串
74 0
|
JavaScript 前端开发 网络架构
每天3分钟,重学ES6-ES12(四)函数的补充 展开语法
每天3分钟,重学ES6-ES12(四)函数的补充 展开语法
70 0
|
JavaScript 前端开发
每天3分钟,重学ES6-ES12(十六)错误异常处理方案
每天3分钟,重学ES6-ES12(十六)错误异常处理方案
91 0