`
yunj
  • 浏览: 15071 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
最近访客 更多访客>>
社区版块
存档分类
最新评论

js避免变量名冲突

JSP 
阅读更多
一个页面往往是由服务器端几个模板拼成的,因此其中的js来自不同文件。而变量名,方法名很多时候是全局的,很容易引起冲突。

例如:
//header.jsp
var a = ...;
var b = ...;
function init() {
  ...
}
function reset() {
  ...
}
init();

//botton.jsp
var a = ...;
...


改进写法,使用匿名方法并立即调用
//header.jsp
(function(){
  var a = ...;
  var b = ...;
  function init() {
    ...
  }
  function reset() {
    ...
  }
  init();
})();
分享到:
评论

相关推荐

    js用name做变量名

    在JavaScript编程中,变量名的选择是一项重要...总之,虽然在JavaScript中可以使用`name`作为变量名,但为了代码的清晰性和避免潜在问题,应尽量避免这样做。在编写JavaScript代码时,了解并遵循最佳实践是非常重要的。

    解决其他js和jquery冲突方法

    这样可以避免与其他库的冲突,同时也可以继续使用自定义的变量名。 在实际开发中,可以根据具体情况选择合适的解决方法。使用noConflict()方法可以解决多库共存时的冲突问题,使得开发更加便捷和高效。 在使用 ...

    Discuz和jQuery变量名冲突的3种解决方法

    在开发基于Discuz论坛平台的模板或插件时,经常遇到的一个问题是jQuery和Discuz自身的JavaScript库之间出现变量名冲突,主要是因为两者都使用了"$"作为主要的函数调用符号。这种冲突会影响到jQuery功能的正常运行,...

    json.js 与jquery冲突解决

    `json.js`可能是一个用于处理JSON数据的JavaScript库,而与jQuery冲突的问题通常出现在两个库都尝试使用相同的全局变量或者方法名。 在JavaScript中,JSON主要用于序列化和解析数据对象,使得数据可以在客户端和...

    [转]jquery与json.js冲突解决方法

    总的来说,解决jQuery与json.js的冲突需要理解两个库的工作原理,合理组织代码,避免全局变量冲突,并且善用现代JavaScript提供的工具和方法。对于大型项目,采用模块化和良好的命名规范是避免冲突的关键。通过以上...

    JavaScript声明全局变量访问方法

    - **直接访问**:无论在哪一部分代码中,只要不在同名局部变量的作用域内,都可以直接通过变量名访问全局变量。 ```javascript console.log(globalVar); // 输出:"我是全局变量" console.log...

    JavaScript声明变量名的语法规则

    JavaScript语言中有一些保留字,例如var、function、if、else等,这些词有特定的用途,如果用作变量名,会与它们的原本意义发生冲突,导致代码无法正确执行。 下面是一个变量声明的示例: ```javascript var score;...

    javascript变量和函数

    在ECMAScript中,JavaScript的语法是区分大小写的,变量名遵循驼峰命名法,且不能与关键词或保留字冲突。关键词和保留字是语言中的特殊标识,如`var`、`function`、`if`等,这些在编写代码时应避免作为变量名使用。 ...

    找到了一篇jQuery与Prototype并存的冲突的解决方法

    我们可以通过重命名 jQuery 变量来避免变量名冲突。例如,我们可以将 `$` 变量重命名为 `jQuery` 变量。例如: ```javascript var jQuery = $; ``` 这样,我们就可以使用 `jQuery` 变量来代替 `$` 变量,从而避免了...

    ecshop程序js库冲突patch

    "ecshop程序js库冲突patch"是针对这种问题的一个修复方案,由个人开发者或社区成员提出,用于解决ECShop中的JavaScript库冲突。 JavaScript库冲突通常发生在多个库同时使用时,因为它们可能都试图全局定义相同的...

    避免jQuery名字冲突 noConflict()方法

    在Web开发中,引入多个JavaScript库常常是必需的,这会带来一个问题:不同库可能使用了相同的变量名作为其全局标识符,最典型的是使用“$”符号。由于$符号的普遍性,许多JavaScript库都将它用作快捷方式。例如,...

    理运用命名空间让js不产生冲突避免全局变量的泛滥

    JavaScript中的命名空间是一种组织代码的方式,它可以帮助我们避免全局变量的冲突,提高代码的可维护性和模块化。在JavaScript中,由于其动态类型和函数作用域的特性,全局变量的滥用很容易导致变量间的覆盖和冲突,...

    js DOM 元素ID就是全局变量.docx

    当我们在HTML文档中为一个元素定义了ID,例如`<div id="foo"></div>`,这个ID就成为了JavaScript全局作用域内的一个变量名。这意味着在JavaScript代码中,我们可以通过`foo`来直接引用这个元素,就像它是一个全局...

    解决jquery与dwr冲突(java/jsp)

    首先加载了jQuery库(版本为1.3.2),然后通过`jQuery.noConflict()`方法将jQuery的`$`符号替换为一个新的变量名(这里为`$j`)。接着,加载了DWR相关的JavaScript文件(包括接口定义、引擎和工具库)。在DWR部分,...

    解决ECSHOP和jquery冲突问题所需文件

    ECSHOP的默认JavaScript代码可能使用了与jQuery相同的函数名或者变量名,例如 `$` 符号,这在引入jQuery后就会导致混乱。jQuery通常会通过`jQuery.noConflict()`方法来释放`$`符号,以避免与其他库的冲突。 压缩包...

    超全面的javascript中变量命名规则

    好的变量名应该简洁明了,直接反映出变量所代表的含义和作用,同时避免使用JavaScript中的关键词和保留字。 现在来深入理解每一种命名法的特点: 1. 匈牙利命名法(Hungarian Notation): 匈牙利命名法通过在变量...

    JS全局变量和局部变量最新解析

    然而,可以通过将变量的值设置为`undefined`来模拟删除的效果,使得变量名虽然存在,但不再指向任何值。在提供的代码中,`str`的“删除”示例展示了这一过程: ```javascript var str = "dd"; str = undefined; ```...

    javascript全局变量封装模块实现代码

    JavaScript全局变量封装模块是一种编程实践,它旨在减少全局命名空间污染,提高代码可维护性和防止命名冲突。...这样做提高了代码的可维护性,避免了全局变量冲突,并且在严格模式下编写代码有助于发现潜在的问题。

    jquery与js函数冲突的两种解决方法.docx

    在JavaScript的开发环境中,尤其是当使用多个库或框架时,比如jQuery和其他JavaScript库(如Prototype、MooTools等),可能会遇到函数名或选择器符号`$`的冲突问题。这是因为这些库都倾向于使用`$`作为主要的函数或...

    深入理解变量作用域

    - 全局变量通常被视为“公共”的,因此应当谨慎使用以避免潜在的命名冲突。 2. **局部作用域** - 定义:当一个变量在函数内部声明时,该变量仅在该函数内有效,这就是局部作用域。 - 特性: - 函数内部声明的...

Global site tag (gtag.js) - Google Analytics