11-8 对象解构赋值之后，不可再通过赋值改变原有对象对应属性的值

对象解构赋值之后，不可再通过赋值改变这个属性的值

因为这是对象解构而不是属性解构

// 测试对象的解构赋值之后，能否改变原有对象对应属性的值
let obj={
    a:22
}
let {a}=obj;
a=33;
console.log(obj);
// { a: 22 }

这实际上说明，对象的解构赋值是下面形式的简写（参见《对象的扩展》一章）。

let { foo: foo, bar: bar } = { foo: 'aaa', bar: 'bbb' };

也就是说，对象的解构赋值的内部机制，是先找到同名属性，然后再赋给对应的变量。真正被赋值的是后者，而不是前者。

let { foo: baz } = { foo: 'aaa', bar: 'bbb' };
baz // "aaa"
foo // error: foo is not defined

上面代码中，foo是匹配的模式，baz才是变量。真正被赋值的是变量baz，而不是模式foo。

项目中异步操作的规范

参考阮一峰的es6教程

1.错误处理的规范

一般来说，不要在then方法里面定义 Reject 状态的回调函数（即then的第二个参数），总是使用catch方法。

// bad
promise
  .then(function(data) {
    // success
  }, function(err) {
    // error
  });

// good
promise
  .then(function(data) { //cb
    // success
  })
  .catch(function(err) {
    // error
  });
 上面代码中，第二种写法要好于第一种写法，理由是第二种写法可以捕获前面then方法执行中的错误，也更接近同步的写法（try/catch）。因此，建议总是使用catch方法，而不使用then方法的第二个参数。

2.误区解释

注意与Promise.then()的同步异步关系区分开，await实际上是generator函数而不是promise，所以不存在同步操作比异步操作先的问题。严格按照函数执行顺序往下

async function timeout(ms) {
    await new Promise((resolve) => {
      setTimeout(resolve, ms);
    });
  }
  
  async function asyncPrint(value, ms) {
    await timeout(ms);
    console.log(value);
  }
  
  asyncPrint('hello world', 5000);
  //5s后才输出

3.多个await操作互不影响，考虑使用try…catch

也就是错误不会阻塞下面的await操作，考虑使用try...catch，而不是现在项目里的大量定义promise的resolve（）

vue单元测试

vue单元测试笔记
理想中基础组件单元测试覆盖率应当在90%以上