前端变量命名常用方式

2022-06-08 15:32:25 阅读：145 来源： 互联网

一.变量

1.1变量就是我们初始化以后不会在改变的变量，这类变量一般采用全大写+下划线的方式。

var IMAGE_SERVER = 'xxxxxxxxx';
var MAX_LENGTH = 000;

　例如：这两个变量分别由两个英语单词构成我们中间就用下划线链接。

二.全局变量

2.1 全局变量我们一般用g+变量名，例如：

var gConfig = {
   a:1,
   b:2
};

三.私有变量

3.1 私有变量按照下划线+变量名，例如这里_name就是我们说的私有变量

var Student = Base.extend({
    _name: '小明'，
    getName: function(){
        return this._name;
    }
});

四.方法命名

一般方法采用动词+名词，并且按照驼峰划分语义。例如：loadData/getData

当这个方法属于事件的时候，最好on+事件目标+事件名称，并且按照驼峰划分。

function onMybtnClick() {
    loadData();
    hideMyBtn();
}

五.文件夹分类命名

在前端我们一般涉及到的文件夹有 commponent（存放组件），util（用于存放工具类），mock（用于存放mock.js的数据）。当然在前端工程比较复杂的时候不建议把css独立放在一个style的文件夹，而是放在component里面。

六.在HTML中常用的命名方法

HTML是不区分大小写，所以我们最好不要写dataRole=“XXXX”，而应该是data-role.

1.1 命名方法（角色+名字）例如：

<div data-role="container-chatbox"> </div>
<a data-role="btn-chat"></a>

七.css命名方法

7.1常用的角色名

wraper :最外的包裹层

container：容器层

btn : 按钮

八. 页面URL的命名

8.1 path的命名

在url中，一个path一般对应存储的一个文件夹例如：http://myhost.com/my-folder/my-page.html

这里的my-folder一般就是一个文件夹。

8.2 url参数的命名

在url的参数属于一个变量，所以最好我们使用驼峰写法。例如：pageSize=20

命名方式来自于：https://developer.aliyun.com/article/250113

标签：例如,变量,前端,var,文件夹,命名,name
来源： https://www.cnblogs.com/Old-vegetable-chicken/p/16355809.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9