js逆向webpack。加载器返回getter对象，怎么访问到模块中的函数。

Question

js逆向webpack。加载器返回getter对象，怎么访问到模块中的函数。

Answer 1

让阿豪来帮你解答，本回答参考chatgpt3.5编写提供，如果还有疑问可以评论或留言

问题描述： 在使用webpack时，我们编写了一个自定义的加载器，该加载器返回一个getter函数对象。但是如何访问到该函数对象中的函数。 回答： 在webpack中，加载器返回的函数对象是通过webpack提供的runLoaders方法来转换的，该方法会将所有加载器返回的函数对象加以整合，同时提供了一个result参数来获取最终的结果。 举个例子，假设我们编写了一个加载器test-loader，其返回的getter函数对象如下：

module.exports = function(source) {
  return `function() {
    return ${JSON.stringify(source + ' world')};
  }`;
}

该加载器接受一个source参数，并将其转换为返回一个函数的形式，该函数返回source字符串拼接上' world'字符串的结果。在webpack中使用该加载器：

const result = runLoaders({
  resource: '/path/to/test.js',
  loaders: [
    {
      loader: path.resolve(__dirname, './test-loader')
    }
  ],
  readResource: fs.readFile.bind(fs)
}, function(err, result) {
  if (err) {
    console.error(err);
  } else {
    console.log(`result: ${result.result()}`);
    console.log(`source: ${result.result().call()}`);
  }
});

该代码段将会输出：

result: function anonymous() {
  return function() {
    return "hello world";
  }
}
source: hello world

在上述代码中，我们通过runLoaders方法传递了一个resource路径，一个包含了我们的加载器的对象以及readResource方法，该方法在调用时会读取resource路径对应的文件内容并返回其Buffer。最终通过回调函数返回了一个result对象，该对象提供了一个result方法来获取最终的结果。 从上述结果来看，我们可以通过result.result().call()方法来获取到返回函数的执行结果，并访问到其中的函数。 代码如下：

module.exports = function(source) {
  return `function() {
    return ${JSON.stringify(source.toUpperCase() + ' world')};
  }`;
}

对文件test.js进行处理并输出：

const result = runLoaders({
  resource: path.resolve(__dirname, 'test.js'),
  loaders: [{ 
    loader: path.resolve(__dirname, './loader') 
  }]
}, function(err, result) {
  if (err) {
    console.error(err);
    return;
  }
  console.log('result:', result.result().call());
});
// Output：result: HELLO WORLD