重学ES系列之模版字符串

清疚 2021-08-29 12:12 345阅读 0赞

<!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>

--------------------

> 作者：**Vam的金豆之路**
> 
> 主要领域：**前端开发**
> 
> 我的微信：**maomin9761**
> 
> 微信公众号：**前端历劫之路**
> 
> ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MDQ1NjQ1_size_16_color_FFFFFF_t_70][]

--------------------

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MDQ1NjQ1_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200416155615688.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MDQ1NjQ1,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，345人围观）

还没有评论，来说两句吧...

相关阅读

相关 ES6之模版字符串

最近在项目中使用了ES6的模版字符串，在这里加以总结。　　1.之前我们也可以使用JavaScript输出模版字符串，通常是下面这样的： $("result").a

男娘i/ 2023年07月22日 04:59/ 0 赞/ 17 阅读

相关重学ES6 模板字符串

在两三年前，jQuery还是比较主流的开发技术，当我们要为页面添加DOM时，一般，我们是这样写的 $("container").append( 'Toda

比眉伴天荒/ 2022年10月01日 09:53/ 0 赞/ 121 阅读

相关重学ES系列之新增的几个循环方法

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

阳光穿透心脏的1/2处/ 2021年08月31日 00:19/ 0 赞/ 295 阅读

相关重学ES系列之过滤数组

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

灰太狼/ 2021年08月30日 17:08/ 0 赞/ 338 阅读

相关重学ES系列之新型数据结构Map应用

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

￡神魔★判官ぃ/ 2021年08月30日 16:31/ 0 赞/ 393 阅读

相关重学ES系列之拓展运算符

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

淩亂°似流年/ 2021年08月30日 11:55/ 0 赞/ 325 阅读

相关重学ES系列之变量的作用范围

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

喜欢ヅ旅行/ 2021年08月29日 21:03/ 0 赞/ 320 阅读

相关重学ES系列之函数优化

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

今天药忘吃喽~/ 2021年08月29日 17:46/ 0 赞/ 361 阅读

相关重学ES系列之字符串方面的处理

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

今天药忘吃喽~/ 2021年08月29日 16:58/ 0 赞/ 261 阅读

相关重学ES系列之模版字符串

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

清疚/ 2021年08月29日 12:12/ 0 赞/ 346 阅读