首页 > Web开发 > 详细

JS命名规范

时间:2019-09-10 13:07:20      阅读:68      评论:0      收藏:0      [点我收藏+]

普通JS规范:

  • 变量使用小驼峰命令,前缀为形容词(函数前缀为动词)
# 好的命名方式
let maxCount = 10;
let tableTitle = '啦啦啦';
# 不好的命名方式
let setConut = 10;
let getTitle = '啦啦啦';
  • 常量使用大写字母和下划线来组合命名,下划线用来分割单词
const MAX_COUNT = 10;
const URL = '//www.huifenqi.com';
  • 函数使用小驼峰式命名法,前缀为动词
// 是否可阅读
function canRead() {}
// 获取名称
function getName() {}
  • 类使用大写驼峰命名(首字母大写)
class Persion {
  constructor(name) {
   ...
  }
}

let person = new Person('啦啦啦');
  • 类成员命名
    公共属性和方法: 跟变量和函数命名一样
    私有属性和方法:前缀为下划线_, 后面跟公共属性和方法一样的命名方式
class Person {
  // 私有属性 
  _name: string;
  constructor() { }

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

Vue命名规范

  • import 应置于顶层, 引入组件名遵循大写驼峰式命名法
import ElInput form '***'
import Emitter from '***'

JS命名规范

原文:https://www.cnblogs.com/cowboybusy/p/11496301.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!