【ECMAScript 5_6_7】4、ES6——模板字符串

Onedean

于 2019-01-07 00:52:36 发布

阅读量164

点赞数

CC 4.0 BY-SA版权

分类专栏： ECMAScript

本文链接：https://blog.youkuaiyun.com/edc3001/article/details/85962739

ECMAScript 专栏收录该内容

17 篇文章

订阅专栏

本文介绍了一种在JavaScript中简化字符串拼接的方法——模板字符串。通过使用模板字符串，可以更直观地将变量嵌入到字符串中，提高代码的可读性和维护性。示例展示了如何利用模板字符串替代传统的字符串拼接方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、模板字符串

1. 模板字符串 : 简化字符串的拼接
  * 模板字符串必须用 `` 包含
  * 变化的部分使用${xxx}定义

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>04_模板字符串</title>
</head>
<body>
<script type="text/javascript">
  let obj = {
    username:'onedean',
    age:20
  }
  let str = 'my name is ' + obj.username + ' and i am ' + obj.age + 'years old this year'
  console.log(str)
  str = `my name is ${obj.username} and i am ${obj.age} years old this year`
  console.log(str)

</script>
</body>
</html>