函数的引用+js

// 命名函数
function greet(name) {
  console.log(`Hello, ${name}!`);
}

// 匿名函数
const sayGoodbye = function(name) {
  console.log(`Goodbye, ${name}!`);
};

// 箭头函数
const sayHi = (name) => console.log(`Hi, ${name}!`);

// 函数引用作为参数
function executeFunction(func, name) {
  func(name);
}

executeFunction(greet, 'Alice'); // 输出: Hello, Alice!
executeFunction(sayGoodbye, 'Bob'); // 输出: Goodbye, Bob!
executeFunction(sayHi, 'Charlie'); // 输出: Hi, Charlie!

// 高阶函数
const numbers = [1, 2, 3, 4, 5];
const doubled = numbers.map(function(num) {
  return num * 2;
});
console.log(doubled); // 输出: [2, 4, 6, 8, 10]

const obj = {
  name: 'Alice',
  greet: function() {
    console.log(`Hello, ${this.name}!`);
  }
};

// 使用普通函数，this可能会丢失
setTimeout(obj.greet, 1000); // 输出可能是: Hello, undefined!

// 使用箭头函数
setTimeout(() => obj.greet(), 1000); // 输出: Hello, Alice!

// 使用.bind()
setTimeout(obj.greet.bind(obj), 1000); // 输出: Hello, Alice!