js全局函数库的编写方案

// 导出一个包含多个函数的对象
export const aaa = {
  abc: function() {
    console.log('This is abc function');
  },
  def: function() {
    console.log('This is def function');
  },
  // 其他函数...
};

在main.js 里面 加载函数库

// 导入aaa对象
import { aaa } from './aaa.js';

// 遍历aaa对象的所有属性并赋值给window
for (const key in aaa) {
  if (aaa.hasOwnProperty(key)) {
    window[key] = aaa[key];
  }
}

所有的vue文件就可以使用全局函数
注意:

请注意,将模块导出的属性赋值给全局变量window可能会带来一些风险,
比如命名冲突和代码的可维护性问题。
通常,这种做法不推荐在大型项目或生产环境中使用,
因为它违反了模块化的原则。
然而,如果你的项目规模较小,
或者你有特定的需求需要这样做,
上述代码可以满足你的需求。
posted @ 2024-07-30 09:49  彭成刚  阅读(15)  评论(0编辑  收藏  举报