JS命名

文件资源命名

约定

一般都采用小驼峰式,组件采用大驼峰式,index除外

// utils方法
arrayUniq.js

// 组件
Loading.js[x]
index.js[x]

文件资源引用

引入资源使用相对路径,不要指定资源所带的具体协议 ( http:, https: ) ,除非这两者协议都不可用。

// bad
<script src="http://cdn.com/file.min.js"></script>

// good
<script src="//cdn.com/file.min.js"></script>

变量命名

方式:小驼峰式命名方法 规范:类型+对象描述的方式,如果没有明确的类型,就可以使前缀为名词

类型 小写字母
array a
boolean b
function fn
int i
regular r
string s
// bad
const getTitle = "表格标题";

// good
const tableTitle = "表格标题";

函数

方式: 小驼峰方式 ( 构造函数使用大驼峰命名法 ) 规则: 前缀为动词

动词 含义 返回值
can 判断是否可执行某个动作(权限) 布尔值
has 判断是否含有某个值 布尔值
is 判断是否为某个值 布尔值
get 获取某个值 非布尔值
set 设置某个值 无返回值
// good
const canRead = () => {
  return true;
}

const getName = (name) => {
  return name;
}

类的成员

私有属性和方法 : 前缀为下划线(_)

function Student(name) {
    var _name = name; // 私有成员

    // 公共方法
    this.getName = function () {
        return _name;
    }

    // 公共方式
    this.setName = function (value) {
        _name = value;
    }
}
var st = new Student('tom');
st.setName('jack');
console.log(st.getName()); // => jack:输出_name私有变量的值

常量

方法: 全部大写 规范: 使用大写字母和下划线来组合命名,下划线用以分割单词。

// good
const MAX_COUNT = 10;
const URL = 'http://www.ruizhengyun.cn/';

results matching ""

    No results matching ""