javascript - Ajax 请求上的动态 JavaScript 文件会产生冲突

Question

我正在使用 MVC3 并大量使用 ajax 来获取部分 View 。如果部分 View 包含 JavaScript，则它将作为新的 js 文件添加，如快照所示:

所以如果我有一个js函数:

function checkValue(){
   //do work
}

在ajax调用时，将添加一个包含此函数的新动态JS文件，并且它与旧的一次冲突。

myfile.js 包含:

function checkValue(){
   //do work
}

和 1.js(动态文件)也会包含它

function checkValue(){
   //do work
}

因此，当我由于旧文件中存在而调用它时，它会调用已经存在的已过时的function。如何解决这种情况，就像新的 JavaScript 替换旧的 JavaScript 一样。

谢谢

Answer 1

您可以检查某些内容是否已定义，只有在未定义时才重新定义它:

var checkValue = checkValue || function () {
     //do work
};

如果您希望定义相互覆盖，而不是使用名称定义函数，请每次在全局对象上定义它们:

window.checkValue = function () {
     //do work
};