jQuery，解决命名冲突的问题

使用noConflict(true)，把$和jQuery名字都给别人

<body>
    <script>
        var $ = 'zan'
        var jQuery = 'lan'
    script>
    <script src="./jquery.js">script>
    <script>
        console.log(jQuery, '11111'); // 打印jquery函数
        console.log($, '22222'); // 打印jquery函数
        console.log(jQuery.noConflict(true), '33333');// 打印jquery函数
        console.log($, '44444');// zan 44444
        console.log(jQuery, '55555');// lan 55555
    script>
body>
1
2
3
4
5
6
7
8
9
10
11
12
13
14

使用noConflict，只把$名字都给别人

<body>
    <script>
        var $ = 'zan'
        var jQuery = 'lan'
    script>
    <script src="./jquery.js">script>
    <script>
        console.log(jQuery, '11111'); // 打印jquery函数
        console.log($, '22222'); // 打印jquery函数
        console.log(jQuery.noConflict(), '33333');// 打印jquery函数
        console.log($, '44444');// zan 44444
        console.log(jQuery, '55555');// 打印jquery函数
    script>
body>
1
2
3
4
5
6
7
8
9
10
11
12
13
14

noConflict原理

下面是部分jquery源码

(function (global, factory) {
  "use strict";
  if (typeof module === "object" && typeof module.exports === "object") {
    module.exports = global.document
      ? factory(global, true)
      : function (w) {
          if (!w.document) {
            throw new Error("jQuery requires a window with a document");
          }
          return factory(w);
        };
  } else {
    factory(global);
  }
})(typeof window !== "undefined" ? window : this, function (window, noGlobal) {
  var jQuery = function () {};
  var _jQuery = window.jQuery; // 记录别人声明的jQuery变量值
  var _$ = window.$;// 记录别人声明的$变量值
  jQuery.noConflict = function (deep) {
    if (window.$ === jQuery) {
      window.$ = _$; // 还原别人声明的$值
    }
    if (deep && window.jQuery === jQuery) {
      window.jQuery = _jQuery;// 还原别人声明的jQuery值
    }
    return jQuery;
  };
  return jQuery;
});
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

相关阅读:
2.2链栈
Android 11.0 当系统内置两个Launcher时默认设置Launcher3以外的那个Launcher为默认Launcher
R语言动量交易策略分析调整后的数据
AGI之MFM：《多模态基础模型：从专家到通用助手》翻译与解读之视觉理解、视觉生成
渗透测试中的前端调试（一）
哪些城市有PMP考试考点？PMP考试考场都在哪？
archlinux ssdm的使用
C++中的fsanitize指令
unity的脚本执行顺序问题
35. 搜索插入位置、Leetcode的Python实现

原文地址：https://blog.csdn.net/formylovetm/article/details/134477209