每日单词
column:列 | row:行 |
---|---|
start:开始 | restart:重新开始 |
exception:异常 | previous:从前 |
stop:结束 | short cut:快捷方式 |
debug:异常 | common:共同的 |
ES6模版字符串
语法:
模板字符串(Template String)是增强版的字符串,用反引号(`)标识,它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量。
用法:
// 普通字符串
`In JavaScript '\n' is a line-feed.`
/ /多行字符串
`In JavaScript this is
not legal.`
// 字符串中嵌入变量
var name = "Bob", time = "today";
`Hello ${name}, how are you ${time}?` // Hello Bob,
how are you today?
// 上面代码中,模板字符串都是用反引号表示,如果在模板字符串中需要使用反引号,则前面需要用反斜杠转义。
var greeting = `\`Yo\` World!`; // `Yo` World!
//如果使用模板字符串表示多行字符串,则所有的空格、缩进和换行都会被保留在输出中。
$('#list').html(`
<ul>
<li>first</li>
<li>second</li>
</ul>
`);
//上面代码中,所有模板字符串的空格和换行都是被保留的,比如<ul>标签前面会有一个换行。如果想把行首和行尾的换行、空格等去掉,则使用trim方法即可。
$('#list').html(`
<ul>
<li>first</li>
<li>second</li>
</ul>
`.trim());
es6数组form方法
Array.from()
Array.from 方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象(包括ES6新增的数据结构Set和Map)。
常用传参
Array.from('hello') // [ 'h', 'e', 'l', 'l', 'o' }
Array.from([1, 2, 3]) // [ 1, 2, 3 ]
// 传参为无length属性的Object。
var o = { 0: 'a', 1: 'b', 2: 'c' }
Array.from(o) // []
// 传参为有length属性的Object。
var o = { 0: 'a', 1: 'b', 2: 'c', length: 3 }
Array.from(o) // [ 'a', 'b', 'c' ]
- 任何 有 length属性的对象,都可以通过 Array.from 方法转为数组。*
网友评论