美文网首页
每日总结

每日总结

作者: 俊_杰 | 来源:发表于2017-06-15 20:12 被阅读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 方法转为数组。*

    相关文章

      网友评论

          本文标题: 每日总结

          本文链接:https://www.haomeiwen.com/subject/mqpuqxtx.html