每日总结

2017-06-15  本文已影响0人  俊_杰
明天是周五

每日单词

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 方法转为数组。*
上一篇下一篇

猜你喜欢

热点阅读