重学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>
相关文章
|
5月前
|
JavaScript 前端开发
es6-模版字符串
【8月更文挑战第19天】
42 1
ES6模板字符串的基本使用
ES6模板字符串的基本使用
ES6系列笔记-字符串方法和字符串模板
ES6系列笔记-字符串方法和字符串模板
50 1
|
8月前
|
安全 编译器 C++
C++之模版初阶(简单使用模版)
C++之模版初阶(简单使用模版)
|
自然语言处理 JavaScript 前端开发
每天3分钟,重学ES6-ES12(三)标签模版字符串
每天3分钟,重学ES6-ES12(三)标签模版字符串
86 0
|
JavaScript 前端开发 网络架构
每天3分钟,重学ES6-ES12(四)函数的补充 展开语法
每天3分钟,重学ES6-ES12(四)函数的补充 展开语法
89 0
|
前端开发 JavaScript
前端祖传三件套JavaScript的ES6+之各种扩展:字符串、数值、函数、数组、对象、正则.
在前端开发中,ES6+ 为 JavaScript 带来了各种扩展功能,包括字符串、数值、函数、数组、对象、正则等方面的增强。本文将介绍 JavaScript 中各种扩展的基本概念和使用方法。
143 0
ES6 从入门到精通 # 03:模板字符串
ES6 从入门到精通 # 03:模板字符串
80 0
ES6 从入门到精通 # 03:模板字符串
|
JavaScript 前端开发 开发者
🍉ES6基础-改进的数组功能
🍉ES6基础-改进的数组功能
88 1