解决JavaScript库命名冲突问题 noConflict
来源:互联网 发布:ubuntu 软件包破损 编辑:程序博客网 时间:2024/05/21 04:18
当一个页面需要引入两个不同的js库,如果它们挂载在window对象下的全局变量命名相同,就会产生命名冲突。
为了解决这个问题,像jQuery库就提供了noConflict()方法来处理,实现思路如下:
var $ = '$'; //初始全局变量$ (假设这是第一个库,挂载在window对象下的全局变量名为$)//封装一个命名空间为jQuery的库 (假设这是第二个库,挂载在window对象下的全局变量名也为$)(function(window){ var _$ = window.$; //把全局变量$初始值保存到局部变量_$ var jQuery = {}; //定义一个名为jQuery的对象 jQuery.noConflict = function(){ //给jQuery对象增加一个解决命名冲突的方法 if(window.$ == jQuery){ window.$ = _$; //恢复全局变量$的初始值 } return jQuery; //返回jQuery对象 }; window.$ = window.jQuery = jQuery; //把jQuery对象挂载到全局变量$上})(window);console.log($ == '$'); //falsevar myjQuery = $.noConflict(); //调用此方法把全局变量$还原为初始值,把返回值jQuery对象赋值给全局变量myjQueryconsole.log($ == '$'); //true
阅读全文
0 0
- 解决JavaScript库命名冲突问题 noConflict
- jQuery库(noConflict)冲突解决机制
- jQuery的命名冲突noConflict()
- 关于Jquery的noConflict()方法,解决Jquery库与其他库冲突问题
- 解决jQuery引入多个库的冲突问题 jQuery.noConflict( [removeAll ] )
- noConflict() 方法处理jQuery 命名冲突
- jQuery解决引用多个JavaScript库引起的$命名冲突的问题
- noConflict多库冲突解决方法
- jQuery.noConflict() 解决冲突 原理深入
- 解决jquery在多插件中$冲突问题---jQuery.noConflict()方法
- jQuery源码阅读(三)--解决冲突noConflict()
- JavaScript发展史,与JScript区别,引入方式,数据类型,命名规范,命名推荐,解决命名冲突
- jQuery命名库冲突的问题
- jquery库与其他库冲突的问题解决-jquery.noConflict()
- jquery库与其他库冲突的问题解决-jquery.noConflict()
- jquery库与其他库冲突的问题解决-jquery.noConflict()
- 如何避免javascript命名冲突
- C语言命名冲突问题
- 精通正则表达式一:元字符
- Android CMake 使用Android Native library
- 欢迎使用CSDN-markdown编辑器
- 博客链接摘录
- disk i/o error
- 解决JavaScript库命名冲突问题 noConflict
- MongoDB干货系列2-MongoDB执行计划分析详解(2)
- react vr消息传递
- plsql developer 查询已经执行过的sql语句
- <NOIP> 22 . P1028 数的计算
- 解决ADB端口占用问题
- java中Map,List与Set详解
- 设计模式(六)观察者模式详解(包含观察者模式JDK的漏洞以及事件驱动模型)
- tcp_server和tcp_client