js arrow 怎么用

(param1, param2, …, paramN) => { statements }
(param1, param2, …, paramN) => expression
// 相当于: (param1, param2, …, paramN) => { return expression; }

// 如果只有一个参数，圆括号可以省略
param => { statements }
param => expression

// 如果没有参数，必须使用圆括号
() => { statements }

// 单一表达式的箭头函数
const square = x => x * x;

// 多条语句的箭头函数
const add = (a, b) => {
  const sum = a + b;
  return sum;
};

// 无参数箭头函数
const sayHello = () => console.log('Hello!');

// 数组方法中使用箭头函数
const numbers = [1, 2, 3, 4, 5];
const doubled = numbers.map(x => x * 2); // [2, 4, 6, 8, 10]

// 对象方法中使用箭头函数
const person = {
  name: 'Alice',
  greet: () => console.log(`Hello, my name is ${this.name}`) // 注意这里的this指向问题
};

// 正确使用词法this
const personWithLexicalThis = {
  name: 'Alice',
  greet: function() {
    setTimeout(() => console.log(`Hello, my name is ${this.name}`), 100);
  }
};
personWithLexicalThis.greet(); // 输出: Hello, my name is Alice

const obj = {
  value: 10,
  increment: function() {
    setTimeout(function() {
      this.value++; // 这里的this指向全局对象或undefined（在严格模式下）
    }.bind(this), 100); // 使用.bind(this)确保this指向obj
  }
};

obj.increment();

const obj = {
  value: 10,
  increment: function() {
    const self = this; // 保存this引用
    setTimeout(function() {
      self.value++; // 使用self代替this
    }, 100);
  }
};

obj.increment();