MVC部分视图清除脚本Jquery Ajax

Question

项目：Asp.NET Core 2.1

在仪表板项目上进行操作，该项目的侧面导航分为子侧面，等等。在右侧有一个“主视图”，应在其中加载部分，因此，当选择了部分时，应在右侧显示侧。

我已经完成了所有这些工作，但是当我有2个不同的视图并且使用了一些相等的javascript（如变量）时，我得到一个重新声明错误，这是因为上次加载的脚本仍在缓存中。 有人知道如何解决这个问题吗？

局部变量也已在文件中声明且未分开，也尝试了分开，但这没有用。

考虑不加载此Ajax，但我喜欢它的平滑性。

例

视图1：

<div>
  <h1>Hello View1</h1>
  <script>
  const myVar1 = 'Hello';
  </script>
<div>

视图2：

<div>
  <h6>Hello View2</h6>
  <script>
  const myVar1 = 'Hello';
  </script>
</div>

错误：重新声明了myVar1。

提前致谢！

Answer 1

您需要的是名称空间。 JavaScript不使用namespace关键字。 而是使用闭包。 您不能控制变量名，尤其是当它不是您的代码时。 尝试这个：

例

视图1：

<div>
    <h1>Hello View1</h1>
    <script>
        var cl1 = (function(e){
            const myVar1 = 'closure 1'; // No public access.
            return {
                myVar1:myVar1, // Assign public access to cl1.myVar1.
                vname:function(){return myVar1; } // or assign it as a getter.
            };
        })();
    </script>
<div>

视图2：

<div>
    <h6>Hello View2</h6>
    <script>
        var cl2 = (function(){
            const myVar1 = 'closure 2';
            return {
                myVar1:myVar1,
                vname:function(){return myVar1; }
            };
        })();
    </script>
</div>

测试输出：

  <script>
    console.log('cl1.myVar1', cl1.myVar1, cl1.vname());
    console.log('cl2.myVar1', cl2.myVar1, cl2.vname());
  </script>

结果是：

cl1.myVar1 closure 1 closure 1
cl2.myVar1 closure 2 closure 2