js 中箭头函数用法

在 JavaScript 中，箭头函数提供了一种更简洁的方式来定义函数，它是 ES6 引入的新特性(语法糖)。下面是箭头函数的用法：

基本语法：

const add = (a, b) => {
    return a + b;
};

//在这个例子中，箭头函数接受两个参数 a 和 b，并返回它们的和。

省略 大括号和 return：

如果箭头函数只包含一条返回语句，可以省略大括号和 return 关键字：

const multiply = (a, b) => a * b;
//这个例子中，箭头函数接受两个参数 a 和 b，并返回它们的乘积。

单个参数的简写：

如果箭头函数只有一个参数，可以 省略参数的括号：

const greet = name => {
    return `Hello, ${name}!`;
};

没有参数的箭头函数：

const generateRandomNumber = () => {
    return Math.random();
};

函数体为空的箭头函数：

const sayHello = () => {
    console.log("Hello!");
};

this 指向：

箭头函数没有自己的 this 绑定，它会 继承自包围它的最近的普通函数的 this 值。这使得箭头函数非常适合在回调函数中使用，因为它们不会改变 this 的指向。

function Person(name) {
    this.name = name;
    this.greet = () => {
        console.log(`Hello, my name is ${this.name}.`);
    };
}

const person = new Person("Alice");
person.greet(); // 输出 "Hello, my name is Alice."
//在这个例子中，箭头函数 greet 继承了 Person 构造函数的 this