欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

typescript学习(2)---箭头函数

typescript学习(2)---箭头函数

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/sanlingwu/article/details/79314998

ts中函数像其他值一样可以当成参数传来传去。

箭头函数可用来定义匿名函数:

1、对数组中所有元素进行求和操作

  1. var result = [1, 2, 3]
  2. .reduce((total, current) => total + current, 0);
  3. console.log(result);

结果:6

2、获取数组中所有偶数

  1. var even = [3, 1, 56, 7].filter(el => !(el % 2));
  2. console.log(even);

结果:[56]

3、根据price和total属性对数组元素进行升序排列

  1. var data = [{"price":3,"total":3},{"price":2,"total":2},{"price":1,"total":1}];
  2. var sorted = data.sort((a, b) => {
  3. var diff = a.price - b.price;
  4. if (diff !== 0) {
  5. return diff;
  6. }
  7. return a.total - b.total;
  8. });
  9. console.log(sorted);

结果:


特性之一:执行上下文(this)指向为外层的代码:

  1. function MyComponent() {
  2. this.age = 42;
  3. setTimeout(() => {
  4. this.age += 1;
  5. console.log(this.age);
  6. }, 100);
  7. }
  8. new MyComponent(); // 43 in 100ms.

结果:43

    当使用new操作符调用MyComponent函数的时候,代码中的this将会指向新创建的对象实例,在setTimeout的回调函数中,箭头函数会持有执行上下文(this),然后打印43。


来自  https://blog.csdn.net/sanlingwu/article/details/79314998


普通分类: