箭头函数（Arrow Function）

Posted 2023-05-17

参考技术A 将map括号内的函数更改为箭头函数。

1:箭头函数的 this 永远指向其上下文的 this ，任何方法都改变不了其指向，如 call() , bind() , apply()

2:普通函数的this指向调用它的那个对象。

3:当你不需要用构造函数创建对象，不需要创建对象方法，不需要为元素绑定事件时，不需要绑定arguments时。我们就可以尽情的用箭头函数啦 。

Arrow function restore

Arrow function restore

为什么叫Arrow Function？因为它的定义用的就是一个箭头：

x => x * x

上面的箭头函数相当于：

function (x) {
    return x * x;
}

箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种像上面的，只包含一个表达式，连{ ... }和return都省略掉了。还有一种可以包含多条语句，这时候就不能省略{ ... }和return：

x => {
    if (x > 0) {
        return x * x;
    }
    else {
        return - x * x;
    }
}

如果参数不是一个，就需要用括号()括起来：

// 两个参数:
(x, y) => x * x + y * y

// 无参数:
() => 3.14

// 可变参数:
(x, y, ...rest) => {
    var i, sum = x + y;
    for (i=0; i<rest.length; i++) {
        sum += rest[i];
    }
    return sum;
}

如果要返回一个对象，就要注意，如果是单表达式，这么写的话会报错：

// SyntaxError:
x => { foo: x }

因为和函数体的{ ... }有语法冲突，所以要改为：

// ok:
x => ({ foo: x })

var materials = [
  ‘Hydrogen‘,
 
 ‘Helium‘,
 
 ‘Lithium‘,
  
‘Beryllium‘
];


console.log(materials.map(material => material.length));
写出这个的标准函数形式，就像下面这个形式一样
var selected = allJobs.filter(function (job) {
  return job.isSelected();
});

var selected = allJobs.filter(job => job.isSelected());

 

原文  https://www.cnblogs.com/yitaqiotouto/p/9932785.html