ECMAScript 6(5)模板字符串

    xiaoxiao2022-07-03  125

    模板字符串

    1. 简单来说,就是一个字符串,但是这个字符串里,可以省略掉拼接字符串的“+"符号,还会保留换行符、空白符等; 2. 变量的嵌入靠  ${变量}  ,括号是花括号,花括号里可以是变量,也可以是函数(函数的话会计算出返回值后再插入); 3. 用反引号将字符串括起来(而不是单引号或者双引号),反引号是大键盘数字1键左边,tab键上面,和波浪线~同一个键位的符号;

    常规用法 

    //可以字符串 var userName = "小明"; //也可以是数字 var userAge = 20; //可以是对象的一个属性 var user = { description: "长得很帅", }; //也可以是函数 function run(){ return '喜欢跑步' } //用反引号包裹字符串 var str = `他叫${userName},今年${userAge}岁,${user.description},有几个朋友,平时喜欢${run()}`; dom.append(str);

     trim方法

     1. 这个方法是字符串的方法,效果是去除字符串开头和结尾的所有空白符(包括开头和结尾,包括空格、tab、换行符等); 2. 对源字符串无影响,是返回一个新的字符串; 3. 主要作用是格式直观,方便写模板。

    var str = ` abc bcd efg `.trim();

    基础用法这些基本上就够了

    更详细的使用戳 阮一峰 ES6

    最新回复(0)