面试题：TypeScript中箭头函数的基本语法与普通函数对比

Question

请分别用普通函数和箭头函数实现一个接收两个数字参数并返回它们之和的函数。并阐述箭头函数在这种场景下相比于普通函数，语法上的不同点。

Answer 1

普通函数实现

function addNumbers(num1, num2) {
    return num1 + num2;
}

箭头函数实现

const addNumbersArrow = (num1, num2) => num1 + num2;

语法不同点

1. 定义方式：
   • 普通函数使用function关键字定义，后面跟着函数名、参数列表和函数体。
   • 箭头函数使用=>定义，左边是参数列表，右边是函数体（如果函数体只有一条语句，大括号可省略）。
2. 函数名：
   • 普通函数有显式的函数名，例如addNumbers。
   • 箭头函数通常是匿名的，赋值给变量addNumbersArrow，变量名并非严格意义上的函数名。
3. 函数体：
   • 普通函数函数体用大括号包裹，即使只有一条语句也需要大括号，返回值需要return关键字。
   • 箭头函数若只有一条语句，大括号和return关键字可省略；有多条语句时，需用大括号包裹，且需要return关键字返回值。