码迷,mamicode.com
首页 > 其他好文 > 详细

前端代码规范

时间:2020-01-13 17:55:47      阅读:86      评论:0      收藏:0      [点我收藏+]

标签:长度   前端   hub   license   end   dha   standard   添加   产生   

编写可维护代码,就需要有一定的代码规范。

基本命名规范

  • 变量名应为名词,eg: car,person

  • 函数名以动词开始。 getName(), 返回类型是布尔类型,一般以is开头,eg: isEnable();

  • 变量和函数命名,不要担心长度,合乎逻辑重要。

变量命名 -- 类型透明

  • 通过初始化指定变量类型

        var found = false;    // 布尔类型
        var count = -1;       // 数字类型
        var name = “”;        // 字符串
        var person = null;    // 对象
  • 匈牙利标记法

    变量名前面加上一个或者多个字符来表示数据类型。

          "o"  =>变量     var oPerson;
          "s" => 字符串   var iCount
          “i”  => 整数    var sName;
          “f” => 浮点数   var fMath;
          “b”  => 布尔值  var bFound;

全局命名空间

  • 创建唯一的全局的对象,然后再把需要的变量和函数添加到对象上。

  • 避免与其他功能冲突。

  • 产生对应的作用域

        // 声明全局对象
        var Wrox = {};
        // 为Wrox 创建 Professional JavaScript 命名空间
        Wrox.ProJS = {};
    
        // 分别在添加各种事件
        Wrox.ProJS.EventUtil = {};
        Wrox.ProJS.CookieUtil = {};
    
       // 在使用的时候
       Wrox.ProJS.EventUtil.adHandler();
    

最近收集了一些大神们总结的代码规范,这里特意罗列出来。

前端代码规范

标签:长度   前端   hub   license   end   dha   standard   添加   产生   

原文地址:https://www.cnblogs.com/jlfw/p/12188363.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!