javascript - 如何在 Node 中使用全局 URLSearchParams

Question

我正在编写一个(客户端)JavaScript 库(一个 Node/Angular 模块)。 在这个库中，我使用了 URLSearchParams 类。

const form = new URLSearchParams();
form.set('username', data.username);
form.set('password', data.pass);

由于这是一个共享库，它被打包为一个 npm 模块。 但是，在运行 mocha 单元测试时，我收到 URLSearchParams 未定义的错误。原因似乎是该 Node 在全局范围内没有 URLSearchParams，但必须使用 require('url') 导入:

$ node
> new URLSearchParams()
ReferenceError: URLSearchParams is not defined
    at repl:1:5
    at sigintHandlersWrap (vm.js:22:35)
    at sigintHandlersWrap (vm.js:73:12)
    at ContextifyScript.Script.runInThisContext (vm.js:21:12)
    at REPLServer.defaultEval (repl.js:340:29)
    at bound (domain.js:280:14)
    at REPLServer.runBound [as eval] (domain.js:293:12)
    at REPLServer.<anonymous> (repl.js:538:10)
    at emitOne (events.js:101:20)
    at REPLServer.emit (events.js:188:7)

如何使 URLSearchParams 可用于 Node 内的客户端代码，以便我可以使用 mocha 测试库？

这不起作用:

> global.URLSearchParams = require('url').URLSearchParams
undefined
> new URLSearchParams()
TypeError: URLSearchParams is not a constructor
    at repl:1:1
    at sigintHandlersWrap (vm.js:22:35)
    at sigintHandlersWrap (vm.js:73:12)
    at ContextifyScript.Script.runInThisContext (vm.js:21:12)
    at REPLServer.defaultEval (repl.js:340:29)
    at bound (domain.js:280:14)
    at REPLServer.runBound [as eval] (domain.js:293:12)
    at REPLServer.<anonymous> (repl.js:538:10)
    at emitOne (events.js:101:20)
    at REPLServer.emit (events.js:188:7)

Answer 1

更新: Node v10 在全局对象上内置了 URLSearchParams 的可用性，因此可以按照问题中的预期直接使用。

旧版本的 Node:

一种选择是在测试运行器的启动脚本中将其设置为全局:

import { URLSearchParams } from 'url';
global.URLSearchParams = URLSearchParams

例如，对于 Jest，您可以使用 setupTestFrameworkScriptFile指向上面的启动脚本。

附带说明，如果您想在创建通用代码的服务器端 Webpack 包时获得类似的结果，您可以使用 Webpack ProvidePlugin 来实现。 :

{
  name: 'server',
  target: 'node',
  // ...
  plugins: [
    // ...
    new webpack.ProvidePlugin({
      URLSearchParams: ['url', 'URLSearchParams'],
      fetch: 'node-fetch',
    }),
  ],
}