JavaScript 中变量命名规范怎么用大驼峰区分-js教程-PHP中文网

javascript变量必须用小驼峰（lowercamelcase），大驼峰（uppercamelcase）仅用于类、构造函数、react组件、typescript接口/类型等可实例化或抽象类型标识符，二者语义严格区分。

javascript 中变量命名规范怎么用大驼峰区分

JavaScript 中变量命名不用大驼峰（UpperCamelCase）。

这是关键前提：大驼峰只用于类名、构造函数、React 组件名等表示“类型”或“可实例化实体”的标识符；而普通变量、函数、参数、对象属性、数组元素等，一律使用小驼峰（lowerCamelCase）。

所以，“用大驼峰区分变量”本身不符合规范——它不是变量的命名方式，而是用来和变量明确区分开的。

✅ 什么时候必须用大驼峰？

类（class）、构造函数、React 函数组件（首字母大写）、TypeScript 接口/类型别名（惯例）

class UserProfile { /* ... */ }
function ApiClient() { /* ... */ }
const Button = () => <button>Click</button>; // React 组件名必须大驼峰
interface UserConfig { /* ... */ }
type ApiResponse<t> = { data: T; success: boolean };</t>

这些名字代表“一类东西”，语义上是名词性、可复用的抽象结构，大驼峰让它们一眼可识别，与变量天然隔离。

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

❌ 变量绝不能用大驼峰（常见错误）

错误写法	问题
`const TotalAmount = 100;`	看起来像类/组件，实际是普通变量，易误导
`let CurrentUser = null;`	首字母大写 + 名词短语 → 被当成构造函数调用风险（如 `new CurrentUser()`）
`const MaxRetryCount = 3;`	这是常量，但未用全大写下划线，且大驼峰不表“不可变”

⚠️ 特别注意：MaxRetryCount 如果是 const 且值不变，应写作 MAX_RETRY_COUNT；如果是可变的配置项（比如后期会修改），就该用小驼峰 maxRetryCount。

✅ 变量该怎么命名？统一小驼峰

普通变量 / const/let 声明：userName, isActive, apiUrl, userPreferences
布尔变量：推荐 isXxx / hasXxx / canXxx / shouldXxx
（如 isLoading, hasPermission, canEdit）
数字类：totalCount, retryDelayMs, fontSizePx
字符串类：userName, emailAddress, pageTitle
数组/集合：用复数名词，userList, orderItems, pendingTasks
私有成员（非标准但常见）：_internalCache, _isMounted