JavaScript开发-遇到的坑

一、避免变量的全局污染

曾经在大型重构某个网站前端代码时,由于js文件比较多,各个开发人员的不同命名习惯,导致少部分公共变量被污染,最后测试中出现错误。解决方法:

1.一个js文件只创建一个全局变量

尽可能创建一个全局变量。让其他对象和函数存在其中,同时尽可能将该全局变量的命名规则定义好,可以与文件名相关

var g_checkmsg={
    name:'xiaoxi',
    password:'123456',
    isnum:function(){
        alert('true');
    }
}
g_checkmsg.repwd="123456";

避免使用以下命名方式:

var name='xiaoxi';
function isnum(){
    alert(‘true’);
}

2.使用匿名函数

(function(){
    var check= {
     name:'xixi',
      age:12,
      sex:'女'
    };
    check.isnum= function(){
        alert("xixi");
    }
    window.g_check= check;
})();
//调用
console.log(g_check.name); // xixi

或者仅使用一个公共js创建全局变量

//common.js
var g_check={};
//check.js
(function($){
    $.check= {
     name:'xixi',
      age:12,
      sex:'女'
    };
    $.check.isnum= function(){
        alert("xixi");
    }
})(g_check);
//调用
g_check.check.name; //xixi

二、JS中尽量json数据的写法

现在很多都是使用json数据进行交互,所以组装json数据时尽量不要使用字符串拼接,如:

var json='{"name":"'+name+'","pwd":"'+pwd+'"}';

这种json在数据特别少的情况下还可以,当数据比较多,数据类型复杂时看起来就比较头疼,建议使用这种格式:

var json={};
json.name=name;
json.pwd=pwd;
json.people=['xiaoo','xiaopp'];
//提交时转换成字符串
JSON.stringify(json);

三、不使用的代码一定要注释掉,确定无用后一定删掉

四、养成写注释的好习惯,每个小功能或者函数都要写注释

在改了两天代码后,写下了这篇文章,主要是用于自己记录,希望可以给需要的朋友一点建议。以前没有记录的习惯,在工作几年后发现这个习惯太重要了😂

未完待续......

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容