美文网首页
ES6 =>需要注意的几点

ES6 =>需要注意的几点

作者: 测绘男的杂货铺 | 来源:发表于2019-11-01 10:38 被阅读0次
  1. =>之后用{},其中必须要return:
[1, 4, -5, 10].find(n => { return n < 0})

=>之后不用{},不需要return:

[1, 4, -5, 10].find(n =>  n < 0)
  1. 由于大括号被解释为代码块,所以如果箭头函数直接返回一个对象,必须在对象外面加上括号,否则会报错。
// 报错
let getTempItem = id => { id: id, name: "Temp" };

// 不报错
let getTempItem = id => ({ id: id, name: "Temp" });
  1. 箭头函数可以与变量解构结合使用。
const full = ({ first, last }) => first + ' ' + last;

// 等同于
function full(person) {
  return person.first + ' ' + person.last;
}
  1. dva组件中常见的写法:
export default connect(({ teamCustomerList, loading }) => ({
  teamCustomerList,
  loading: loading.models.teamCustomerList
}))(TeamList)

其中mapStateToProps部分为:

({ teamCustomerList, loading }) => ({
  teamCustomerList,
  loading: loading.models.teamCustomerList
})

=>前面是变量解构,后面是直接返回一个对象。

有关变量解构及alias的用法:

变量的解构赋值(对象的解构赋值,别名,默认值)

# 析构赋值让我们从 Object 或 Array 里取部分数据存为变量。
// 对象
const user = { name: 'guanguan', age: 2 };
const { name, age } = user;
console.log(`${name} : ${age}`);  // guanguan : 2

// 数组
const arr = [1, 2];
const [foo, bar] = arr;
console.log(foo);  // 1

# 我们也可以析构传入的函数参数。
const add = (state, { payload }) => {
  return state.concat(payload);
};

# 析构时还可以配 alias,让代码更具有语义。
const add = (state, { payload: todo }) => {
  return state.concat(todo);
};

参考文章:
1、https://www.jianshu.com/p/3cd9a205ec7c

相关文章

  • ES6 =>需要注意的几点

    =>之后用{},其中必须要return: =>之后不用{},不需要return: 由于大括号被解释为代码块,所以如...

  • canvas变色笔

    canvas变色笔 老规矩,先看效果图 需要注意几点: 使用 ES6 的模板字符串,来修改 hsl 的值处理改变色...

  • 海外志愿者之泰国

    最后再补充几点需要注意的: 故事在图片中自行感受吧! 反正很有趣!!! 最后再补充几点需要注意的: 1.培训前办好...

  • 圣杯布局

    html *css *有几点需要注意一下:

  • 2020-10-17 web创建项目2

    项目搭建过程中需要处理的几点 1.js的处理:转换ES6代码,解决浏览器兼容问题 用 babel 转换 ES6 代...

  • 使用WSL搭建AOSP环境

    使用WSL搭建环境需要特别注意的几点 如下几点需要在解压完“aosp-latest.tar”之后和repo syn...

  • CYShareSheetView 需要注意的几点

    由于项目需求需要自我定制分享面板,所以自己写了个分享sheet,此控件就是对UIView的一个简单的封装,中间遇到...

  • 店铺需要注意的几点

    1 营业执照 (1)是否可以办理营业执照,卫生许可证? (2)是否卫生许可证到期还可以继续办理? 上述两点关乎到是...

  • Promise需要注意的几点

    1. Promise 是对异步结果的表示 A promise represents the eventual re...

  • 投资需要注意的几点

    2020年,P2P彻底消失在投资者的视野,留下的只是数百万投资者的无奈和悲愤。面对铺天盖地的平台跑路,有多人毕生的...

网友评论

      本文标题:ES6 =>需要注意的几点

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