聊一聊前端的常见字 关键字

摘要JavaScript 中的关键字、保留字是语言内置的特殊词汇不能拿来做变量名、函数名。本篇简单分清二者概念了解命名时的避坑要点减少莫名其妙的报错。一、什么是标识符我们写 JS 代码时给变量、函数、对象属性起的名字就叫标识符。 标识符不能随便乱写有一套语法规则最重要一条不能使用 JS 的关键字和保留字作为标识符否则直接语法报错。二、关键字Keyword关键字JS 语言本身占用禁止用作标识符关键字是 JS 现在版本已经在使用具备特殊功能的单词。 这些单词已经被语言本身征用有固定作用绝对不能拿来当变量名、函数名。举一些日常高频见到的关键字var、let、const、if、else、for、while、function、return、switch、break、continue、try、catch等。❌错误示范// var是关键字不能做变量名 let var 10; // Uncaught SyntaxError语法错误浏览器会直接抛出语法错误代码直接无法运行。三、保留字Reserved Word保留字未来版本可能升级为关键字不建议使用保留字当前版本暂时还没有实际功能但是 JS 规范预留下来留给后续新版本使用。虽然部分浏览器写代码不会立刻报错但是强烈不建议拿保留字命名。 一旦 JS 版本更新该词升级为关键字旧项目直接就会出现语法崩溃留下隐藏 bug。部分保留字举例class早期属于保留字ES6 之后正式升级成关键字还有诸如enum等预留词汇。// 不推荐enum属于保留字 let enum 10;四、关键字 vs 保留字简单对比表格类型特点后果关键字JS 当前正在使用有固定语法功能拿来命名 →直接报错代码跑不起来保留字为 JS 未来版本预留当前无功能部分环境不报错但有版本升级后崩溃风险禁止使用共同原则写代码命名变量、函数两类词汇全部避开。五、拓展JS 标识符基础命名规范除了避开关键字、保留字日常命名遵守下面规则可以使用字母、数字、下划线_、美元符号$不能以数字开头区分大小写Name和name是两个不同变量推荐驼峰命名法userInfo、userName见名知意// ✅合法 let user_name 张三; let $num 100; let userInfo 李四; // ❌非法数字开头 let 123num 666;六、开发小结如果遇到莫名其妙的SyntaxError语法报错先检查是不是变量名不小心写了关键字。不用死记全部关键字列表编辑器VSCode会高亮提示高亮的 JS 内置单词就不要拿来命名。关键字直接禁用保留字虽然部分环境不会报错但同样坚决不用防止后续版本迭代出隐性 bug。变量命名尽量语义化优先见名知意不要图省事乱起名。