工作生活

JavaScript开发-遇到的坑

2019-07-04  本文已影响0人  _踮起脚尖看世界

一、避免变量的全局污染

曾经在大型重构某个网站前端代码时,由于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);

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

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

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

未完待续......

上一篇 下一篇

猜你喜欢

热点阅读