JavaScript 中的 Lambda 与箭头函数：概念与差异

JavaScript 中的 Lambda 与箭头函数：不只是语法糖 #

初次听到 Lambda 是在上班时老板提起，当时一头雾水，后来结合同事分享和 Gemini 的解释，才逐渐弄清楚。下文是基于这些资料以及 Gemini 所整理的笔记。

参考阅读： Lambda 引发的编程语言陈年知识回顾

在日常的 JavaScript 开发中，我们经常把箭头函数（=>）直观地称为 “Lambda”。这种叫很方便，但严格来说，这两者之间存在着概念与实现上的区别。

搞清楚这一点之后，不仅能让技术交流更精确，还能更加深刻理解箭头函数的独特之处，尤其是在 this 的处理上。

1. Lambda：一个通用的编程概念 #

首先，Lambda 表达式是一个源自计算机科学的通用概念，并非 JavaScript 独有。它指的是一种可以在代码中即时定义、无需命名的函数。

其核心特征包括：

• 匿名 (Anonymous)：通常没有正式的函数名，用完即走。
• 简洁 (Concise)：语法比完整的函数声明更短。
• 一等公民 (First-Class Citizen)：可以像普通值一样被传递、返回或赋值。

在 ES6 之前，JavaScript 通过函数表达式 (Function Expression) 就已经实现了 Lambda 的核心思想。

// 一个匿名的函数表达式，符合 Lambda 概念
const numbers = [1, 2, 3];
const doubled = numbers.map(function(n) {
    return n * 2;
});

2. 箭头函数：一个强大的 JS 语法 #

箭头函数 (Arrow Function) 是 ECMAScript 2015 (ES6) 引入的一种现代化的函数语法。它不仅是实现 Lambda 概念的“语法糖”，更在行为上带来了重要的变化。

官方定义：一种更短的函数表达式语法，它没有自己的 this, arguments, super 或 new.target 绑定。

这句话揭示了箭头函数的几个关键特性。

简洁的语法 #

这是最直观的优点，可以显著减少代码量。

• 单个参数可省略括号：x => x * 2
• 单个返回表达式可省略 {} 和 return：x => x * 2
• 没有参数需要空括号：() => 42

核心区别：词法 this 绑定 #

这是箭头函数与传统函数最本质的区别。

• 传统函数：this 的值取决于函数在何处被调用（调用时的上下文）。
• 箭头函数：this 的值取决于函数在何处被定义（定义时的上下文）。它会捕获其所在作用域的 this 值，且这个绑定是固定的。

这个特性完美解决了回调函数中 this 指向混乱的经典问题。

经典对比示例：

function Timer() {
    this.seconds = 0;

    // 1. 使用传统函数，`this` 指向会丢失
    setInterval(function() {
        // 在回调函数中，`this` 指向全局对象 (window)，而不是 Timer 实例
        // console.log(this.seconds); // 输出 NaN 或 undefined
    }, 1000);

    // 2. 使用箭头函数，`this` 被正确捕获
    setInterval(() => {
        // 箭头函数从外层 Timer 函数捕获 `this`，指向 Timer 实例
        this.seconds++;
        console.log(this.seconds); // 正常输出 1, 2, 3...
    }, 1000);
}

new Timer();

其他重要特性 #

1. 没有 arguments 对象：箭头函数内部无法访问 arguments 对象。应使用剩余参数 (...args) 语法来获取所有参数。

   const myFunc = (...args) => {
       console.log(args); // 输出: [1, 2, 3]
   };
   myFunc(1, 2, 3);
   

2. 不能用作构造函数：不能对箭头函数使用 new 操作符，因为它没有自己的 this，也就无法构造实例。同时，它也没有 prototype 属性。

总结：Lambda vs. 箭头函数 #

所以，下次当你在技术分享或代码审查中讨论时，可以更精确地表述：

“虽然有些人习惯称之为 Lambda，但对于我前端而言，可能更愿意称之为箭头函数，因为它能固定 this 的指向，避免了上下文混乱的问题。”