javascript - 如何在 JS/React 中导出和导入自定义助手？

Question

任务 ：

• 所以，我宁愿不要console每次我想使用它时都输入。
  我想导入一些速记，例如--

  log('hi')如同console.log('hi')

试用案例：

• 这是我到目前为止的工作。
  我想使用log, warn, error, info相应控制台功能的简写。
• 我希望这似乎不是完全不好的做法，但我愿意听。

问题 ：

• 我很困惑如何导出和导入这些以使用所需的符号。

接受所有建议。
请建议。
谢谢你。

log = (arg, ...argv) => console.log(arg, ...argv)
err = (arg, ...argv) => console.error(arg, ...argv)
error = (arg, ...argv) => console.error(arg, ...argv)
info = (arg, ...argv) => console.info(arg, ...argv)
warn = (arg, ...argv) => console.warn(arg, ...argv)

// how to export? should this be a class?

标签： javascriptreactjsloggingconsole.log

Answer 1

是的，你可以速记。

创建一个文件 ex :log.js具有以下功能。

export const log = (arg, ...argv) => {
    console.log(arg, ...argv)
}
export const err  = (arg, ...argv) => {
  console.error(arg, ...argv)
} 
export const error   = (arg, ...argv) => {
   console.error(arg, ...argv)
}

export const info   = (arg, ...argv) => {
  console.info(arg, ...argv)
}

export const warn   = (arg, ...argv) => {
   console.warn(arg, ...argv)
}

稍后您只需将这些功能导入您要使用的其他组件中。

import {log, err, error, info, warn} from './log'; //path may be different

然后在任何你想要的地方调用函数。

log('hi', [1,2,3]);
err('hi', [1,2,3]);
error('hi', [1,2,3]);
info('hi', [1,2,3]);
warn('hi', [1,2,3]);