模板字符串
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