自学前端系列之JS
第五节:JS箭头函数
箭头函数格式
(参数) => { 函数体 }
箭头函数与普通函数的区别
// 普通函数
let result = function(a, b) {
return a + b;
}
// 箭头函数
let result = (a, b) => {
return a + b;
}
1、样式不同
2、传给箭头函数的参数将不能使用 arguments 关键字访问:
3、箭头函数会捕获其所在上下文的 this 值,作为自己的 this 值
用法
如果只有一个参数,可以不用括号。没有参数和多个参数需要括号
let sum = (x) => {
return x;
};
let sum1 = x => {
return x;
当只有一行代码的时候,可以省略大括号,省略时不能写return
let result = (a, b) => {
return a + b;
};
let result = (a, b) => a + b;
也可以嵌入fuction函数
// 输出大于18的值
function getadult(arr) {
let result = arr.every((item) => item > 18);
console.log(getadult);
}
getadult([2, 5, 18, 19]);