前端变量函数命名规则有哪些最佳实践？

本文共计2104个文字，预计阅读时间需要9分钟。

目录+引言+避免废弃函数名过长+变量+函数+命名头部+何时用has，何时用is+一个良好的命名需要遵循的规则+函数变量使用缩写+比较通用的缩写+常量命名+单词拼接+加深语义化

目录

• 引言
• 不要嫌弃函数名过长
• 变量 / 函数 命名头部
• 什么时候用 has ， 什么时候用 is
• 一个好的命名需要遵循的规则
• 函数变量
• 使用缩写
• 比较通用的缩写
• 常量命名
• 单词拼接 加深语义化
• 引入自定义组件
• 文件命名的风格

引言

自己总结的一些常用的命名规范，好的命名不仅可以使代码看起来简洁，并且维护起来也方便了许多。作为初级程序员，不给他人增加负担也是需要学习的

不要嫌弃函数名过长

const getLocationPermission = () => {}

这是一个用来获取定位权限的函数。虽然这个名称很长，但是语义化清晰，看一眼就知道他是用来做什么的。这里可以拆分成为 3 部分 get 获取的意思 location 定位的意思 permission 权限的意思， 这样一个十分具有语义化的函数命名就完成了。