关于对象解构赋值的冒号用法const {filter: selectedFilter, onShow} = this.props;

@ckinmind 2017-01-26 10:20:01发表于 ckinmind/ReactCollect ES6

看到一个奇怪的对象结构赋值的用法

const {filter: selectedFilter, onShow} = this.props;

console.log(this.props);  //其中this.props的结构是这样的
{
   activeCount:1
  completedCount:0
  filter:"show_all"
 ...
}

console.log(selectedFilter); // 打印selectedFilter的值
show_all 

这里似乎冒号的作用是将selectedFilter当作filter的别名,因为在完整的代码中,filter还是个传入的参数,如果不用别名的话,会产生干扰