JS函数的定义-箭头函数

箭头函数是 ES6 中引入的一种新的函数定义方式，它使用 => 符号来定义函数，也被称为“胖箭头函数”。箭头函数提供了更简洁的语法和更明确的作用域规则。

(参数1, 参数2, …, 参数N) => { 函数声明 }
(参数1, 参数2, …, 参数N) => 表达式(单一)
// 相当于：(参数1, 参数2, …, 参数N) =>{ return 表达式; }

基本语法如下：

const functionName = (parameters) => {
  执行的代码
};

或者对于只有一个参数和单行代码的简单函数，可以省略括号和大括号：

const functionName = parameter => 表达式;

例如：

const sayHello = name => {
  console.log('Hello, ' + name + '!');
};

上述代码使用箭头函数定义了一个名为 sayHello 的函数，它接受一个参数 name，并在函数体中使用 console.log 来输出问候语。

要调用该函数，可以使用函数变量名后紧跟圆括号的方式：

sayHello('dotcpp'); // 输出：Hello, dotcpp!
sayHello('www.dotcpp.com'); // 输出：Hello, www.dotcpp.com

箭头函数具有下列特性：

l  如果只有一个参数，可以省略参数周围的括号。

l  如果函数体只有一条表达式，并且不需要返回值，可以省略大括号和 return 关键字。

l  由于箭头函数没有自己的 this 绑定，它会继承外部作用域的 this 值。

l  箭头函数不能用作构造函数，因此无法使用 new 关键字实例化。

l  箭头函数缺少了 arguments 对象，可以使用 rest 参数来代替。

箭头函数提供了一种简洁、直观的方式来定义函数，并且在某些情况下可以减少代码量和语法错误。但需要注意它没有函数声明和函数表达式的一些特性，如函数名和 arguments 对象。因此，在选择函数定义方式时，需要根据具体的需求和情境进行选择。

注意：IE11 及更早 IE 版本不支持箭头函数。

这节我们介绍了箭头函数的内容，下节我们介绍有关匿名函数的内容。