ES6

作者: debt | 来源:发表于2017-06-07 09:36 被阅读37次
    1. 解构destructuring
      解构可以理解为一一对应。
      let a = 1; let b = 2;let c = 3; ==》 [a,b,c]=[1,2,3]

    理解下面代码,注意理解...操作符为去括号(包括去中括号或者大括号,与之对应数组和对象),将类数组转化为数组

    const original = { a: 1, b: 2 };
    const copy = { ...original, c: 3 }; // copy => { a: 1, b: 2, c: 3 }
    

    接着看下面

    const original = { a: 1, b: 2 };
    const copy = { ...original, c: 3 }; // copy => { a: 1, b: 2, c: 3 }
    
    const { a, ...noA } = copy; // noA => { b: 2, c: 3 }
    // 理解这里  const {a,...noA}={a:1,b:2,c:3}  一一对应啊,所以 noA就是 {b:2,c:3}
    

    一些最佳实践

    const arr = [1, 2, 3, 4];
    
    // bad
    const first = arr[0];
    const second = arr[1];
    
    // good
    const [first, second] = arr;
    

    相关文章

      网友评论

          本文标题:ES6

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