seaJs学习笔记之javascript的冲突问题

时间 2019-11-07

标签 seajs 学习笔记 javascript 冲突问题栏目 JavaScript 繁體版

原文原文链接

seaJs是一个处理模块化的JS开源库，在学习seaJs以前仍是要了解一下什么是JS模块化的一些概念，知道这个以后，会更好的了解seaJs的使用。　　首先先看一下下面的这个问题。当你的学习教程网站开发愈来愈复杂的时候，会常常遇到JS冲突、浏览器性能降低，JS文件互相依赖吗?若是是在多人开发或者复杂开发的过程当中，常常会遇到这些问题，那么这些问题咱们能够经过JS模块化来解决。因此咱们先来看一下冲突问题是如何产生的。　 javascript

[html] view plaincopyprint?
<!doctype html>  
<html dir="ltr" lang="zh-CN">  
<head>  
<meta charset="utf-8">  
<title>www.xuexijc.com</title>  
<!-- 引入A小伙伴儿写的公用JS -->  
<script type="text/javascript" src="common.js"></script>  
<pre name="code" class="html"><!-- 引入其余网站写好的插件 -->  
</pre><script type="text/javascript" src="d.js"></script><script type="text/javascript">//D小伙伴儿写一些代码操做</script></head><body></body></html>  
<pre></pre>  
<br>  
<p>　　在“d.js”插件当中可能也有一个函数叫“tab”。这时候D小伙伴儿去找A小伙伴儿，可能就会使A小伙伴儿更加崩溃。为何呢?由于D小伙伴儿说：“我发现写的插件跟你写的这个插件common.js有冲突，可是这个插件里面的内容特别多。我又很差直接去改 这个插件的内容，我怕改乱了。能不能把你的这个common.js中的‘tab’换成别的名字呢?”当出现这样问题的时候，实际上是最崩溃的时候。</p>  
<p>　　这时候，A小伙伴儿为了不这样的冲突，会想为了防止起冲突。添加个命名空间。A小伙伴儿从新把common.js中的函数规划了一下。A小伙伴儿写了个“common2.js”。在“common2.js”中添加命名空间，假设以“mlong”为命名空间。A小伙伴儿的“common2.js”以下</p>  
<p><br>  
</p>  
<h1><a name="t3"></a>　　common2.js中的Javascript代码</h1>  
<pre name="code" class="javascript">var mlong = {};  
  
mlong.tab = function () {};  
  
mlong.drag = function () {};  
  
mlong.tips = function () {};</pre><br>  
<p>　　当有了命名空间以后，这时候的冲突就会大大的下降。好比D小伙伴儿再写个方法“tab”，就不会对common2.js中的“tab”起冲突了，由于前面还有个命名空间。D小伙伴操做的页面以下</p>  
<p><br>  
</p>  
<h1><a name="t4"></a>　　D小伙伴操做的HTML代码</h1>  
<pre name="code" class="html"><!doctype html>  
<html dir="ltr" lang="zh-CN">  
<head>  
<meta charset="utf-8">  
<title>新建</title>  
<!-- 引入A小伙伴儿写的公用JS -->  
<script type="text/javascript" src="common2.js"></script>  
<script type="text/javascript">  
    //D小伙伴儿写的tab  
    function tab () {}  
    tab();  
  
    //A小伙伴儿写的mlong.tab  
    mlong.tab();  
</script>  
</head>  
<body>  
</body>  
</html>  
</pre><br>  
<p>　　看来加命名空间能够有效的防止冲突的发生。D小伙伴儿这一天也发现命名空间的好处以后，也用了个命名空间写“tab”。D小伙伴操做的页面以下</p>  
<p><br>  
</p>  
<h1><a name="t5"></a>　　D小伙伴操做的HTML代码</h1>  
<pre name="code" class="html"><!doctype html>  
<html dir="ltr" lang="zh-CN">  
<head>  
<meta charset="utf-8">  
<title>新建</title>  
<!-- 引入A小伙伴儿写的公用JS -->  
<script type="text/javascript" src="common2.js"></script>  
<script type="text/javascript">  
    //D小伙伴儿写的有命名空间的tab  
    var mlong = {};  
    mlong.tab = function () {}  
    mlong.tab();  
</script>  
</head>  
<body>  
</body>  
</html>  
</pre><br>  
<p>　　结果D小伙伴儿用的命名空间和A小伙伴儿的命名空间重复了，这样一来冲突又会发生了。不过有公司的命名空间是很大的，在必定概率上是不会发生这种问题的，可是问题仍是存在的。因此命名空间是能够下降冲突发生的，可是不能避免冲突发生。</p>  
<p>　　那么这个js中的命名冲突问题有没有更好的解决方案呢?请你们继续关注www.xuexijc.com有关seaJs笔记的更新，答案将在往后的更新中揭晓。</p>  
<br>

1. seajs 学习笔记
2. seajs学习笔记
3. seajs学习笔记一
4. SeaJs学习笔记$为null
5. JavaScript学习问题笔记（1）
6. maven冲突问题
7. Oracle.ManagedDataAccess冲突问题
8. SVN冲突问题
9. adb冲突问题
10. git冲突问题
更多相关文章...
• SVN 解决冲突 - SVN 教程
• 您已经学习了 XML Schema，下一步学习什么呢？ - XML Schema 教程
• Tomcat学习笔记（史上最全tomcat学习笔记）
• 适用于PHP初学者的学习线路和建议