本节目标
- 掌握声明常量的应用场景。
- 掌握常量的定义和使用。
- 阅读时间大约5~10分钟。
内容摘要
本篇讲解了常量和变量的区别,讲解了常量的声明和使用,常量的命名规则,并列举了相关例子。
阅读时间5~10分钟。
为什么要用常量
前面我们学习了变量,但是变量在运行过程中是可以变化的。
在现实生活中,有一些数据是不会变化的,比如:数学上的PI、自然常数e等等,这些用变量来表示就不太符合了。
另外如果我们希望一个变量声明了之后,后续运行过程中不能变化,我们也可用常量来表示,比如:
1. 颜色色值,这些都是固定值。
2. 个人所得税起征点,起征点是6万。
3. 网站名称,一般网站名称声明了后,都不会在运行中修改。
等等。
常量定义和使用
那么在js里面,我们可以用 const 关键词来声明一个常量。const关键词是ES6引入的语法,ES5还没有这个东西。
用const声明的是常量,一旦声明值不可改变,而且声明时一定要给常量一个值,也就是声明必须初始化。
声明语法:
const 常量名 = 值;
示例1,声明常量PI和E:
const PI = 3.1415926;
const E = 2.718281828459045;
思考:
尝试修改PI值会报错吗?
PI = 3.14; // 这边会报错吗?
解答:
因为PI是常量,所以不能修改,上例代码会报错。
示例2,声明红色、黄色、蓝色十六进制色值:
const COLOR_RED = 'ff0000'; // 红色
const COLOR_YELLOW = 'ffff00'; // 黄色
const COLOR_BLUE = '0000ff'; // 蓝色
这些色值都代表了固定的意义,不会变化,也不应该变化。
常量命名
前面声明了常量,常量名称和变量名有点不太一样,这边就涉及到常量的命名规则了:
1. 常量名一般用大写字母命名。
2. 不同的单词之间用 _ 组合。
示例1,参考如下:
1. SITE_NAME 表示网站名称。
2. COLOR_RED 表示红色色值。
3. TABLE_PREFIX 表示表名前缀,数据库里常常用到。
小提示:
现在前端也有数据库可以用了,有兴趣的童靴可以搜索html5 web sql。
本节总结
- 常量就是声明之后不会变化的量。
- js使用const声明常量。
- 常量命名规则一般用大写字母命名,不同的单词之间用 _ 组合。
练习题
- 声明你喜欢的颜色色值的常量,至少5个,可以网上搜索相关颜色。
- 声明你喜欢的品牌的常量,比如:华为、宏碁等,至少5个。