js function 怎么写

编写JavaScript函数的基本方法

编写JavaScript函数的方法包括：函数声明、函数表达式、箭头函数。在JavaScript中，函数是代码的基本构建块之一，它们使代码更加模块化和可重用。以下将详细描述如何使用这三种方法编写JavaScript函数，并解释它们之间的区别和用法。

一、函数声明

函数声明是定义函数的最常见方式，它由关键字function、函数名、参数列表和函数体组成。函数声明会在代码执行前被提升（hoisted），这意味着你可以在函数声明之前调用它。

语法：

function functionName(parameter1, parameter2, ...) {
  // 函数体
}

示例：

function add(a, b) {
  return a + b;
}
console.log(add(2, 3)); // 输出 5

二、函数表达式

函数表达式将函数定义为表达式的一部分，通常将其赋值给变量。与函数声明不同，函数表达式不会被提升，因此必须在定义后才能调用。

语法：

const functionName = function(parameter1, parameter2, ...) {
  // 函数体
};

示例：

const multiply = function(a, b) {
  return a * b;
};
console.log(multiply(2, 3)); // 输出 6

三、箭头函数

箭头函数是ES6引入的一种新型函数表达式，它更简洁，并且不会创建自己的this上下文。箭头函数适合用于简短的回调函数和内联函数。

语法：

const functionName = (parameter1, parameter2, ...) => {
  // 函数体
};

示例：

const subtract = (a, b) => {
  return a - b;
};
console.log(subtract(5, 3)); // 输出 2

四、函数参数和默认值

JavaScript函数可以接受任意数量的参数，并且可以为参数设置默认值。如果在调用函数时没有传递参数，则使用默认值。

示例：

function greet(name = 'Guest') {
  return `Hello, ${name}!`;
}
console.log(greet()); // 输出 "Hello, Guest!"
console.log(greet('Alice')); // 输出 "Hello, Alice!"

五、匿名函数与立即执行函数表达式（IIFE）

匿名函数是没有名字的函数，通常用于一次性执行的代码段。立即执行函数表达式（IIFE）是一种设计模式，使用匿名函数并立即调用它。

示例：

(function() {
  console.log('This is an IIFE');
})(); // 输出 "This is an IIFE"

六、函数作用域和闭包

JavaScript中的函数有自己的作用域，变量在函数内部定义不会影响外部作用域。闭包是指函数可以访问其外部函数的变量，即使外部函数已经执行结束。

示例：

function outerFunction() {
  const outerVariable = 'I am outside!';
  function innerFunction() {
    console.log(outerVariable);
  }
  return innerFunction;
}
const closure = outerFunction();
closure(); // 输出 "I am outside!"

七、函数的高级用法

1. 高阶函数

高阶函数是指可以接受其他函数作为参数或返回值的函数。它们在函数式编程中非常有用。

function higherOrderFunction(callback) {
  return callback(5);
}
const result = higherOrderFunction(function(num) {
  return num * 2;
});
console.log(result); // 输出 10

2. 回调函数

回调函数是指作为参数传递给其他函数的函数，并在某个时间点被调用。

function fetchData(callback) {
  setTimeout(() => {
    const data = 'Fetched Data';
    callback(data);
  }, 1000);
}
fetchData(function(data) {
  console.log(data); // 输出 "Fetched Data"（1秒后）
});

3. 函数柯里化

函数柯里化是指将一个多参数函数转换成一系列单参数函数的技术。

function curryFunction(a) {
  return function(b) {
    return function(c) {
      return a + b + c;
    };
  };
}
const curriedFunction = curryFunction(1)(2)(3);
console.log(curriedFunction); // 输出 6

八、函数中的错误处理

使用try...catch块来处理函数中的错误。这样可以确保即使函数内部发生错误，程序也不会崩溃。

示例：

function riskyFunction() {
  try {
    throw new Error('Something went wrong!');
  } catch (error) {
    console.error(error.message); // 输出 "Something went wrong!"
  }
}
riskyFunction();

九、函数的优化与性能

1. 函数缓存

使用缓存技术来存储函数的计算结果，以提高性能。

const memoize = (func) => {
  const cache = {};
  return (...args) => {
    const key = JSON.stringify(args);
    if (!cache[key]) {
      cache[key] = func(...args);
    }
    return cache[key];
  };
};
const slowFunction = (num) => {
  for (let i = 0; i < 1000000000; i++) {} // 模拟耗时操作
  return num * 2;
};
const fastFunction = memoize(slowFunction);
console.log(fastFunction(5)); // 第一次调用，耗时
console.log(fastFunction(5)); // 第二次调用，快速返回

2. 尾调用优化

尾调用优化是一种提高递归函数性能的技术，它允许在尾调用位置复用栈帧。

function factorial(n, acc = 1) {
  if (n === 0) return acc;
  return factorial(n - 1, n * acc);
}
console.log(factorial(5)); // 输出 120

十、常用的内置函数

JavaScript提供了一些常用的内置函数，如setTimeout、setInterval、clearTimeout和clearInterval。

示例：

const timeoutId = setTimeout(() => {
  console.log('This will run after 1 second');
}, 1000);
const intervalId = setInterval(() => {
  console.log('This will run every 2 seconds');
}, 2000);
// 清除定时器和间隔
clearTimeout(timeoutId);
clearInterval(intervalId);

通过以上方法和示例，你可以编写功能强大、性能优越的JavaScript函数。在实际应用中，根据具体需求选择合适的函数编写方式，合理使用高阶函数、回调函数和闭包等高级特性，能够使你的代码更加模块化和可维护。