搜 索

2. ES6模板字符串

  • 258阅读
  • 2022年08月24日
  • 1评论
首页 / JS高级 / 正文

ES6模板字符串

模板字符串是 ES6 的新特性,他的作用是减少了字符串的拼接操作,提高了程序的可读性

接下来看一个栗子
我们想要实现字符串拼接操作: 我叫:zs,今年:19岁

        var obj = {
            name: "zs",
            age: "19"
        }

        // 传统写法
        var str1 = '我叫:' + obj.name + ',今年:' + obj.age + '岁';
        console.log(str1); //我叫:zs,今年:19岁

        // ES6模板字符串写法
        var str2 = `我叫:${obj.name},今年:${obj.age}岁`;
        console.log(str2); //我叫:zs,今年:19岁

由此可见 ES6 的模板字符串更加简约,只需要将变量用 ${} 进行包裹就能实现拼接操作

虽然形式上有差别,但是他们的值是全等的

console.log(str1 === str2); //true
评论区
为了碎银几两 2022年8月29日 11:13
回复

第二行有错别字 例子不是栗子

avatar