如何将JS文件中的对象代码字符串传入函数参数的对应属性

实现方法总览 #

根据你的场景不同，可以选择以下三种方案：

方案1：硬编码模板字符串（对象内容固定无需修改） #

直接把你的函数对象内容用反引号包裹为模板字符串，直接赋值即可，是成本最低的方案：

const functionObjStr = `{
    function1: function(arg){
        return arg + 1
    },
    
    function2: function(arg){
        return arg * 2
    }
}`

const myArg = {
  data: myData,
  functions: functionObjStr
}

方案2：动态序列化带函数的对象（对象内容运行时动态生成） #

原生JSON.stringify会自动忽略函数类型的值，所以你需要自定义序列化逻辑处理函数：

// 你拿到的原始函数对象
const originFuncObj = {
    function1: function(arg){
        return arg + 1
    },
    function2: function(arg){
        return arg * 2
    }
}

// 自定义序列化方法
function serializeWithFunction(obj) {
  const kvPairs = []
  for (const [key, val] of Object.entries(obj)) {
    if (typeof val === 'function') {
      kvPairs.push(`${key}: ${val.toString()}`)
    } else {
      kvPairs.push(`${key}: ${JSON.stringify(val)}`)
    }
  }
  return `{${kvPairs.join(',\n')}`
}

const functionObjStr = serializeWithFunction(originFuncObj)
const myArg = {
  data: myData,
  functions: functionObjStr
}

注意：该方法仅适用于纯函数场景，如果函数内部引用了外部作用域的变量，序列化后再执行会丢失上下文导致报错。

方案3：直接读取本地文件内容（函数对象单独存储在本地文件） #

如果是在Node.js环境下，你可以直接读取存储函数对象的文件内容，无需额外处理：

const fs = require('fs')
// 替换为你的实际文件路径
const functionObjStr = fs.readFileSync('./func-obj.js', 'utf-8')

const myArg = {
  data: myData,
  functions: functionObjStr
}

补充：字符串解析为可执行对象的方法 #

如果后续需要使用字符串中存储的函数，可以用eval解析执行：

const funcObj = eval(`(${myArg.functions})`)
// 调用示例
console.log(funcObj.function1(3)) // 输出4

警告：eval会执行任意传入的代码，如果字符串内容来自不可信的外部输入，会存在严重的代码注入风险，仅可用于执行可信来源的代码。

内容的提问来源于stack exchange，提问作者Hiperfly