JavaScript中对象函数赋值的正确理解与JSON序列化行为

// 创建一个空对象
const myAPI = {};

// 定义一个函数
function fetchData(endpoint) {
  console.log(`正在从 ${endpoint} 获取数据...`);
  // 模拟异步操作
  return Promise.resolve(`数据来自 ${endpoint}`);
}

// 将函数赋值给对象的属性
myAPI.getData = fetchData;
myAPI.processData = function(data) {
  console.log(`正在处理数据: ${data}`);
  return `处理后的 ${data}`;
};

// 通过对象属性调用函数
myAPI.getData('/users').then(result => {
  myAPI.processData(result);
});
// 预期输出:
// 正在从 /users 获取数据...
// 正在处理数据: 数据来自 /users

// 验证属性类型
console.log(`myAPI.getData 的类型: ${typeof myAPI.getData}`); // 输出: function

const complexObject = {
  id: 101,
  name: "Product X",
  calculatePrice: function(quantity, unitPrice) {
    return quantity * unitPrice;
  },
  description: undefined,
  tags: Symbol('product_tags'),
  details: {
    category: 'Electronics',
    isActive: true
  }
};

console.log("原始对象:", complexObject);
console.log("JSON序列化结果:", JSON.stringify(complexObject));
// 预期输出:
// 原始对象: { id: 101, name: 'Product X', calculatePrice: [Function: calculatePrice], description: undefined, tags: Symbol(product_tags), details: { category: 'Electronics', isActive: true } }
// JSON序列化结果: {"id":101,"name":"Product X","details":{"category":"Electronics","isActive":true}}

const logger = {
  info: console.log, // 简化logger，直接使用console.log
};

/**
 * 生成API调用对象
 * @param {string} app_name 应用名称
 * @returns {Object} 包含API调用的对象
 */
function generate_api_calls_demonstration(app_name) {
  let api_calls = {};

  // 示例：添加一个非函数属性
  api_calls['cameraFeed'] = `http://localhost:5051/camera/feed`;

  let items = [1, 2, 3, 4];
  for (let itemValue of items) { // 遍历数组的实际值 (1, 2, 3, 4)
    let name = String(itemValue); // 将值转换为字符串作为对象键，例如 '1', '2', '3', '4'

    // 动态创建并赋值一个函数
    function dynamicBarFunction(param) {
      logger.info(`[${app_name}] bar function for key '${name}' called with parameter: ${param}`);
    };

    api_calls[name] = dynamicBarFunction; // 将函数赋值给 api_calls 对象

    logger.info(`--- 循环内调试: 键 '${name}' ---`);
    // 验证：直接打印属性，会显示函数本身
    logger.info(`1. api_calls['${name}'] 的类型是：${typeof api_calls[name]}`); // 预期: function
    logger.info(`2. api_calls['${name}'] 的值是：${api_calls[name]}`); // 预期: [Function: dynamicBarFunction] (或显示函数体)

    // 验证：尝试序列化单个函数属性
    logger.info(`3. JSON.stringify(api_calls['${name}']) 的结果是：${JSON.stringify(api_calls[name])}`); // 预期: undefined

    // 验证：尝试序列化整个对象
    logger.info(`4. JSON.stringify(api_calls) 的结果是：${JSON.stringify(api_calls)}`);
    // 预期: JSON字符串中不会包含 dynamicBarFunction
  }

  logger.info(`\n--- 循环结束后调试 ---`);
  // 验证：调用赋值的函数，证明它们确实存在并可执行
  if (api_calls['2']) {
    api_calls['2']('test_param'); // 证明函数可以被调用
  } else {
    logger.info("错误：api_calls['2'] 未找到或不可调用。");
  }

  // 最终打印整个对象（非序列化）
  logger.info("5. 最终的api_calls对象 (直接打印):");
  logger.info(api_calls); // 预期: 包含所有函数属性的完整对象

  // 最终序列化整个对象
  logger.info("6. 最终的api_calls对象 (JSON.stringify):");
  logger.info(JSON.stringify(api_calls)); // 预期: 仅包含非函数属性

  return api_calls;
}

// 执行演示函数
generate_api_calls_demonstration('MyApp');