JavaScript箭头函数

Arrow Functions(箭头函数)是 ES6 中引入的一种新的函数表达式语法,它可以更简洁地定义函数,并且不需要像普通函数一样使用 function 关键字。

例如我们上节课的代码:

 const peopleAge = function calcAge1(birthYear) {
   return 2037 - birthYear;
}

这个用箭头函数来表示更加简单

const peopleAge = birthYear => 2037 - birthYear;
const zhangSanAge = peopleAge(1996);
console.log(zhangSanAge);

JavaScript箭头函数_第1张图片

当然上例只举例了我们函数代码块只有一行的情况,多行的情况箭头函数也同样适用。例如现在我们想计算一个人还有多少年就退休了,如下

const yearsUntilRetiremen = (birthyear) => {
  const age = 2037 - birthyear;
  const retirement = 65 - age;

  return `你还有${retirement}年就退休了!`;
};
console.log(yearsUntilRetiremen(1998));

JavaScript箭头函数_第2张图片

除此之外,我们也可以声明多个函数,调用多个参数;

const yearsUntilRetiremen = (birthyear, firstName) => {
  const age = 2037 - birthyear;
  const retirement = 65 - age;

  return `${firstName}还有${retirement}年就退休了!`;
};
console.log(yearsUntilRetiremen(1998,'张三'));

JavaScript箭头函数_第3张图片

注意:Arrow Functions 相对于普通函数,具有更短的语法和更语义化的代码风格,使得代码更加简洁易懂。它们也支持了类似 this 的语法,从而避免了 this 指针的混乱和错误使用问题。因此,在适当的场景下,可以优先选择使用 Arrow Functions 来定义函数。

你可能感兴趣的:(JavaScript,javascript,开发语言,ecmascript)