JS定义函数的几种常用方法小结

JS定义函数的几种常用方法小结可以拆分成以下几个方面：

函数声明

function sum(a, b) {
  return a + b;
}

这是最常见的函数定义方式，使用 function 关键字定义函数并指定函数名和函数体。在函数体中通过 return 返回函数的计算结果。

函数表达式

const sum = function(a, b) {
  return a + b;
}

函数表达式将函数定义为一个变量，这个变量指向了一个匿名函数。这种方式可以让我们在创建函数的时候才把这个函数赋值给一些变量，这样可能更加灵活。可以使用 const、let 和 var 来定义这个变量，这个变量名称 只能在函数内部使用。

箭头函数

const sum = (a, b) => a + b;

箭头函数是由 ES6 提出的一种新的函数定义方式，对比函数表达式更现代化。这种方式的优势在于，可以更加简洁地书写函数，而且其内部的 this 指向也与普通函数有所区别。

Function构造函数

const sum = new Function('a', 'b', 'return a + b;');

Function 构造函数也可以用于创建函数。他接收一个或多个用逗号分隔的参数（这些参数是新定义函数的形式参数，同时也是函数体的语句）。用他来定义函数与前面几种方式不同，但是代码最快，不容易受到代码压缩器的影响。

下面是一个示例：

const arr = ['apple', 'banana', 'pear'];
const upperArr = arr.map(item => item.toUpperCase());
console.log(upperArr); // 输出 ['APPLE', 'BANANA', 'PEAR']

这个示例中使用了箭头函数的方式来定义 map 函数的处理行为。在列表中的每一个元素上调用箭头函数 item => item.toUpperCase()，将数组中每个元素都转化为大写形式。

另一个示例：

const hello = function(name) {
  console.log(`Hello, ${name}!`);
}
hello('Jack');

这个示例中使用函数表达式的方式定义函数 hello，使用字符串模板语法将变量插入字符串中。然后通过传递参数 'Jack' 将其输出至控制台。