模块

|
// 数学工具模块的早期实现方式
const MathUtils = (function() {
    // 私有变量，外部无法访问
    const PI_SQUARED = Math.PI * Math.PI;
    
    // 私有函数
    function validateNumber(num) {
        return typeof num === 'number' && !isNaN(num);
    }
    
    // 返回公开的接口
    return {
        // 计算圆的面积
        circleArea: function(radius) {
            if (!validateNumber(radius) || radius < 0) {
                throw new Error('半径必须是正数');
            }
            return Math.PI * radius * radius;
        },
        
        // 计算矩形面积
        rectangleArea: function(width, height) {
            if (!validateNumber(width) || !validateNumber(height)) {
                throw new Error('宽度和高度必须是数字');
            }
            return width * height;
        }
    };
})();
 
// 使用模块
console.log(MathUtils.circleArea(5));
console.log(MathUtils.rectangleArea(4, 6));

|
78.53981633974483
24

|
// 假设我们安装了一个日期处理包
// npm install date-formatter
 
// 使用包提供的功能
const DateFormatter = require('date-formatter');
 
const today = new Date();
const formatter = new DateFormatter('YYYY年MM月DD日');
 
console.log('今天是：' + formatter.format(today));
console.log('农历新年：' + formatter.

|
今天是：2024年03月15日
农历新年：2024年02月10日

|
// 创建一个星期管理模块
const WeekManager = (function() {
    const weekdays = ['周日', '周一', '周二', '周三', '周四', '周五', '周六'];
    const months = ['一月', '二月', '三月', '四月', '五月', '六月', 
                   '七月'

|
今天是三月15日，周五

|
// eval的使用示例（不推荐）
const x = 1;
 
function testEval(code) {
    eval(code);
    return x;
}
 
console.log(testEval("var x = 2"));
console.log(x);

|
2
1

|
// 使用Function构造器创建函数
const addFunction = Function("a, b", "return a + b + 10;");
console.log(addFunction(3, 4));
 
// 为模块系统创建包装器
function createModule(code) {
    const moduleFunction = Function("exports", code);
    const exports = {};
    moduleFunction(exports);

|
17
你好，小明！
再见，小明！

|
// dateHelper.js - 日期辅助模块
const formatHelper = require("./formatHelper");
 
function formatDate(date, pattern) {
    const year = date.getFullYear();
    const month = date.getMonth() + 1;
    const day = date.getDate();
    const weekday = [

|
// formatHelper.js - 格式化辅助模块
exports.padZero = function(num) {
    return num < 10 ? '0' + num : num.toString();
};
 
exports.capitalize = function(str) {
    return str.charAt(0).toUpperCase() + str.slice

|
// 使用模块
const {formatDate, currentDate} = require("./dateHelper");
 
console.log(currentDate());
console.log(formatDate(new Date(2024, 0, 1), 'YYYY/MM/DD'));

|
2024年03月15日 星期五
2024/01/01

|
// 简化的require实现
require.cache = Object.create(null);
 
function require(name) {
    if (!(name in require.cache)) {
        let code = readFile(name); // 假设的文件读取函数
        let module = {exports: {}};
        require.cache[name] = module;
        let wrapper = Function("require, exports, module"

|
// formatUtils.js - ES模块版本
export function padZero(num) {
    return num < 10 ? '0' + num : num.toString();
}
 
export function formatChinese(date) {
    const year = date.getFullYear();
    const month = date.getMonth() + 1;

|
// dateProcessor.js - 使用ES模块
import formatStandard, { padZero, formatChinese } from './formatUtils.js';
 
export function processDate(date, style = 'standard') {
    switch(style) {
        case 'chinese':
            return formatChinese(date);
        case 'standard':
            return formatStandard(date);
        default:
            return date.toString();

|
// main.js - 主程序
import { processDate, getCurrentWeek } from './dateProcessor.js';
 
const now = new Date();
console.log('标准格式：', processDate(now));
console.log('中文格式：', processDate(now, 'chinese'));
console.log('本周日期：', getCurrentWeek());

|
标准格式： 2024-03-15
中文格式： 2024年3月15日
本周日期： ['2024年3月10日', '2024年3月11日', '2024年3月12日', '2024年3月13日', '2024年3月14日', '2024年3月15日', '2024年3月16日']

|
// 重命名导入示例
import { formatChinese as chineseFormat } from './formatUtils.js';
import standardFormat from './formatUtils.js'; // 默认导入
 
const date = new Date();
console.log(chineseFormat(date));
console.log(standardFormat(date));

|
// webpack.config.js - 简化的构建配置
module.exports = {
    entry: './src/main.js',
    output: {
        filename: 'bundle.js',
        path: __dirname + '/dist'
    },
    module: {
        rules: [
            {
                test: /\.js$/,
                exclude: /node_modules/,
                use: {
                    loader: 'babel-loader'

|
// configProcessor.js - 良好的模块设计示例
export class ConfigProcessor {
    constructor() {
        this.data = {};
    }
    
    // 解析配置字符串
    parse(configString) {
        const lines = configString.split('\n');
        const result = {};
        
        for (const line of

|
// 使用示例
import { parseConfig, stringifyConfig, ConfigProcessor } from './configProcessor.js';
 
// 简单的函数式使用
const configText = `
app_name=我的应用
version=1.0.0
debug=true
# 这是注释
database_url=mongodb://localhost:27017
`;
 
const config = parseConfig(configText);
console.log('应用名称：', config.app_name);
console.log('版本：', config.version);
 
// 面向对象的使用

|
应用名称： 我的应用
版本： 1.0.0
完整配置：
app_name=我的应用
version=1.0.0
debug=true
database_url=mongodb://localhost:27017
environment=production