如何在 webpack 构建的 js 中使用“this”答案

【问题标题】：How to use "this" with webpack built js如何在 webpack 构建的 js 中使用“this”
【发布时间】：2021-02-24 19:14:35
【问题描述】：

我花了一整天的时间寻找解决方案，但我没有设法解决这个问题，首先是 webpack 的新手，并且在经过漫长的一天导出我的 2 个简单函数后，我管理的 js 并不先进：

script.js

function scrollright(el) {
...
}

function scrollleft(el) {
...
}

export {
scrollright,
scrollleft,
}

并将它们导入 index.js

import { scrollleft, scrollright } from './script';
scrollleft();
scrollright();

构建成功完成，但问题是这些函数接受参数，并且这些参数通过 html onclick 标记传递给 js（之前在 webpack 之前），如下所示：

onclick="scrollleft(this)"

我不知道如何将它完全转移到 webpack 也许这是一个新手问题，但我找不到任何可以帮助我的东西，或者至少如果这不可能，一个简单的澄清或建议的解决方案将不胜感激.

【问题讨论】：

【解决方案1】：

好的，所以我设法像这样解决它：

index.js

import { scrollleft, scrollright } from './script';
window.scrollleft = scrollleft;
window.scrollright = scrollright;

所以似乎添加 window 会使函数全局化或类似我不明白 100% 这是什么意思，但如果有人遇到这个问题，希望这个新手 Q/A 能帮助你并为您节省一天或更长时间；）

【讨论】：