字符的Unicode表示法

  ES6加强了对Unicode的支持,允许采用\uxxx形式表示一个字符(突然想起了字体图标)其中xxx就是字符的Unicode码点,但是,这种表示法只限于码点在\u0000~\uFFFF之间的字符,超出这个范围的字符,就必须用两个双字节的形式表示

字符串的遍历

  ES6,使得字符串可以被for...of循环遍历

1 for (let codePoint of 'foo') {
2   console.log(codePoint)
3 }
4 // "f"
5 // "o"
6 // "o"

字符串模板(常用)

  字符串模板是增强版的字符串,用反引号(``)标识,他可以当做普通字符串使用,也可以用来定义多行字符串,或者在字符串中使用变量

 1 // 普通字符串
 2 `In JavaScript '\n' is a line-feed.`
 3
 4 // 多行字符串
 5 `In JavaScript this is
 6  not legal.`
 7
 8 console.log(`string text line 1
 9 string text line 2`);
10
11 // 字符串中嵌入变量
12 let name = "Bob", time = "today";
13 `Hello ${name}, how are you ${time}?`

注意:

  1,如果在字符串模板中需要使用反引号,则前面要用反斜杠转义

  2,如果使用字符串模板表示多行字符串,所有空格和缩进都会保留在输出之中,如果不想要换行的话,可以使用trim()方法来消除它

1 let str = `
2 <ul>
3   <li>first</li>
4   <li>second</li>
5 </ul>
6 `
7 str = str.trim()

  3, 在字符串模板中嵌入变量,需要将变量名写在${}之中,大括号内部可以放入任意的JavaScript表达式,可以进行运算,以及引用对象属性;

  

 1 let x = 1;
 2 let y = 2;
 3
 4 `${x} + ${y} = ${x + y}`
 5 // "1 + 2 = 3"
 6
 7 `${x} + ${y * 2} = ${x + y * 2}`
 8 // "1 + 4 = 5"
 9
10 let obj = {x: 1, y: 2};
11 `${obj.x + obj.y}`
12 // "3"

  4,字符串模板中还能调用函数,函数一定要有返回值,否则返回值为undefined

1 function fn() {
2   return "Hello World";
3 }
4
5 `foo ${fn()} bar`
6 // foo Hello World bar,如果函数没有return,则为 "foo undefined bar" 

  5,如果大括号的值不是字符串,将按照一般的规则转成字符串,如果,大括号是一个对象的话,将默认调用对象的toString方法,如果字符串模板中的变量没有声明,那么将会报错;

  6, 字符串模板之中甚至还可以嵌入另一个字符串模板

1 const tmpl = addrs => `
2   <table>
3   ${addrs.map(addr => `
4     <tr><td>${addr.first}</td></tr>
5     <tr><td>${addr.last}</td></tr>
6   `).join('')}
7   </table>
8 `;
12-30 04:20
查看更多