代码优化技巧 (一)

61 阅读1分钟
  1. 析构赋值
 currentTime.value = res.data.object.createTime;
 formdata.value.name = res.data.object.itemName || "";
 formdata.value.delFlag = res.data.object.delFlag;
 formdata.value.id = res.data.object.id || "";
 formdata.value.versionNumber = res.data.object.versionNumber || "";
 formdata.value.validTime = res.data.object.validTime || "";
 formdata.value.invalidTime =  res.data.object.invalidTime || "2099-12-31";
 formdata.value.describe = res.data.object.describe || "";
 matterList.value = res.data.itemList || [];

这样看起来很复杂,我们可以把请求的值析构出来,formdata以一个对象的形式来赋值,析构完出来代码看起来会清爽很多。

let  {object,itemList}=res.data
let  {itemName,delFlag,id,versionNumber,validTime,invalidTime,describe}=object
  formdata.value={
      name:itemName,
      delFlag,
      id,
      versionNumber
      validTime
      invalidTime
      describe
  }   
  matterList.value = res.data.itemList || [];
  1. 将逻辑抽离出来,一个函数只做一件事情,是一个最小的基本单元.

  2. 利用数组的结构,形成映射关系. 避免大量使用ifelse嵌套的场景.

  3. 逻辑,请求,大的分离.