箭头函数是javascript中简化函数写法的利器，适用于短小匿名回调，省略function、括号和return；无this绑定，继承外层this；不可作为构造函数，不支持arguments或yield。

箭头函数是 JavaScript 中简化函数写法的利器，特别适合替代那些短小、单用途的匿名函数表达式，比如数组方法（map、filter、reduce）里的回调，或事件监听器中的简单处理逻辑。

去掉 function 关键字和括号，用 => 连接

传统匿名函数：

[1, 2, 3].map(function(x) { return x * 2; });

箭头函数替代后：

[1, 2, 3].map(x => x * 2);

当参数只有一个时，可省略括号；当函数体只有一条返回语句时，可省略 {} 和 return。

多参数或无参数时注意括号规则

多个参数必须加小括号：

• [1, 2, 3].map((x, i) => x + i)
• btn.addEventListener('click', () => console.log('clicked'))

无参数或需显式声明空参数列表时，不能省略 ()。

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

避免 this 绑定陷阱，但也要注意它不绑定 this

箭头函数没有自己的 this，它会继承外层作用域的 this。这在对象方法或事件回调中很实用：

传统写法容易出错：

const obj = { value: 10, nums: [1,2,3], double() { return this.nums.map(function(x) { return x * this.value; }); } }; → 报错，因为 function 中的 this 不指向 obj。

改用箭头函数：

double() { return this.nums.map(x => x * this.value); } → 正确，this 指向外层 obj。

需要多语句或复杂逻辑？加花括号和 return

箭头函数支持完整函数体：

• arr.filter(x => { if (x > 0) return true; console.log('skipped:', x); return false; })
• items.sort((a, b) => { const diff = a.price - b.price; return diff !== 0 ? diff : a.name.localeCompare(b.name); })

此时必须显式写 return，否则返回 undefined。

不复杂但容易忽略：箭头函数不能用作构造函数，也不能使用 arguments 或 yield，日常替代回调足够简洁可靠。

Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南