javascript – 通过切换文件覆盖JS功​​能

我知道,一旦加载了脚本,您就可以删除< script>页面中的元素和变量/函数仍然存在.

假设我有两个版本的函数,处理UI,用户可以根据偏好选择.

整个页面都是基于AJAX的.理想情况下,除非用户明确地完成,否则它永远不应重新加载,因此调用location.reload()根本不可能.

我的想法是这样的：

<script type="text/javascript" src="ui1.js" id="uiscript"></script>

然后简单地改变：

document.getElementById('uiscript').src = ...;

这两个文件的格式如下：

var ui = function(...) {
    ...
};

所以我的问题是,两个来源之间的切换是否会可靠地改变功能？即使脚本被缓存了？我会更好地添加cachebusting查询字符串吗？或者我应该完全抛弃这个想法并寻找其他东西,例如在回调中重写函数而不是更改脚本的源代码？

关于这样的事情的任何其他建议？

解决方法:

你为什么不使用这个函数的引用？这里有一些伪代码：

function func1() { /* Do stuff one way */}
function func2() { /* Do stuff the other way */}
var ui = func1;

ui(some_param);

function myCallback() {
  // overwrite ui
  ui = func2;
  ui(some_param); // now calls func2
}

这只是一个简单的例子.在现实世界中,您可以使用Objects将功能组合在一起.

也许你可以像inject一样使用JavaScript的依赖注入框架

标签：javascript,user-interface,ajax,function-overriding
来源： https://codeday.me/bug/20190630/1333720.html