JS函数怎样定义函数代码复用_JS函数代码复用定义与模块化开发实践

// 函数声明
function add(a, b) {
  return a + b;
}
<p>// 函数表达式
const multiply = function(a, b) {
return a * b;
};</p><p>// 箭头函数（ES6）
const greet = (name) => <code>Hello, ${name}!</code>;</p>

function validateInput(value, type) {
  if (type === 'email') {
    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
    return emailRegex.test(value);
  }
  if (type === 'phone') {
    const phoneRegex = /^\d{11}$/;
    return phoneRegex.test(value);
  }
  return false;
}

// utils.js
export const formatTime = (date) => {
  return date.toLocaleString();
};
<p>export const fetchData = async (url) => {
const res = await fetch(url);
return res.json();
};</p>

// main.js
import { formatTime, fetchData } from './utils.js';
<p>console.log(formatTime(new Date()));
fetchData('/api/data').then(data => console.log(data));</p>

function createNotifier(type) {
  return (message) => {
    console[type](`${type.toUpperCase()}: ${message}`);
  };
}
<p>const error = createNotifier('error');
const log = createNotifier('log');</p><p>error('网络连接失败'); // ERROR: 网络连接失败
log('用户已登录');     // LOG: 用户已登录</p>