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

相关阅读:
.NET开源的一个小而快并且功能强大的 Windows 动态桌面软件 - DreamScene2
Vue2源码学习笔记 - 13.响应式原理—Watcher 类详解
springboot和vue：七、mybatis/mybatisplus多表查询+分页查询
去年最火的 JS 开源项目「GitHub 热点速览」
【Qt】之【项目】整理可参考学习的git项目链接（持续更新）
【Linux】：Kafka基础命令
【记录】非常实用，Python编码规范的一些建议（2）
App自动化测试持续集成效率提高50%
从收集到输出：盘点那些强大的知识管理工具——优秀笔记软件盘点
ACM实训冲刺第二十二天

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