3、JavaScript 高级特性：箭头函数、事件属性与数据绑定

JavaScript 高级特性：箭头函数、事件属性与数据绑定

1. 箭头函数的高级特性

ES6 为 JavaScript 带来了许多新特性，其中箭头函数是一种更为简洁的函数编写方式，相较于传统函数语法，它具有一些优势。

1.1 简洁语法与自动返回

箭头函数允许用单行代码编写函数，并自动返回代码结果。例如，传统函数：

function multiply(a, b) {
    return a * b;
}

使用箭头函数可改写为：

const multiply = (a, b) => a * b;

这种新语法更简短易读。

1.2 词法 this 绑定

箭头函数具有词法 this 绑定，即自动从父作用域继承 this 的值，在处理回调和事件处理程序时非常有用。

1.3 匿名特性

箭头函数始终是匿名的，不能像传统函数那样命名，但可将其赋值给变量或作为参数传递给其他函数。

1.4 与高阶函数结合使用

箭头函数可与 map、filter 和 reduce 等高阶函数结合使用。例如，使用 map 函数创建平方值的新数组：

const numbers = [1, 2, 3, 4, 5];
const squared