美文网首页工作生活
JavaScript开发-遇到的坑

JavaScript开发-遇到的坑

作者: _踮起脚尖看世界 | 来源:发表于2019-07-04 17:23 被阅读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);

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

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

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

未完待续......

相关文章

  • JavaScript开发-遇到的坑

    一、避免变量的全局污染 曾经在大型重构某个网站前端代码时,由于js文件比较多,各个开发人员的不同命名习惯,导致少部...

  • iOS开发中遇到过的坑

    iOS开发中遇到过的坑 iOS开发中遇到过的坑

  • 开发遇到的坑

    1、使用NSUserDefaults存储数组(自定义元素)崩溃,NSUserDefaults支持的数据类型有NSS...

  • [[UIApplication sharedApplicatio

    开发遇到的问题 今天遇到特别坑的问题,[[UIApplication sharedApplication] key...

  • JavaScrip-StepPitGuide《JavaScrip

    《JavaScript踩坑指南》JavaScrip-StepPitGuide? 《JavaScript踩坑指南》 ...

  • webapp开发遇到的坑

    webapp开发新手,遇坑记录。 1.ios系统部分标签绑定click事件无效 要实现一个点击指定控件以外的...

  • iOS开发遇到的坑

    XCode提示:This app could not be installed at this time. 解决方...

  • 开发中遇到的坑

    1. tableView使用时发现的问题 1.1 tableView 加载cell 崩溃:_configureCe...

  • 开发遇到的坑二

    问题:项目报这个错。 原因:拖入项目的第三方蓝牙API的.a文件所在的文件夹的名称命名有问题,名称中有空格。 分析...

  • 开发遇到的坑一

    项目的需求:在后面大的白色view中,上部添加一个蓝色的Aview,下部添加一个橙色的Bview,在Bview中添...

网友评论

    本文标题:JavaScript开发-遇到的坑

    本文链接:https://www.haomeiwen.com/subject/qmerhctx.html