场景

对象obj，里面包含s1，s2，s3等值，
对s1，s2，s3进行一些相同的操作，
将{s1:s1,s2:s2,s3:s3}传递给后端

修改前代码

function dothing(value){
  //...dothing
  return value;
}
var s1=obj.s1;
s1=dothing(s1);
var s2=obj.s2;
s2=dothing(s2);
var s3=obj.s3;
s3=dothing(s3);
return {s1:s1,s2:s2,s3:s3};

修改后代码

let {s1,s2,s3}=obj;
[s1,s2,s3]=[s1,s2,s3].map(item=>{
  //...dothing;
  return item;
});
return {s1:s1,s2:s2,s3:s3};

结语

主要是解构赋值和map的使用
解构赋值属于ES6的新特性
map需要IE9及以上

欢迎讨论指正

【TS】获取对象中的多个值，并对数据进行重复操作后，传递给后端(前端代码优化)