文章目录
- 一、变量是什么?
- 二、变量的命名
- 1.变量的命名规则
- 2.关键字与保留字
- 3.变量的命名风格
- 三、变量的赋值
一、变量是什么?
js是一门脚本语言,有些时候要对html文件或浏览器中的属性进行获取,从而赋予一些动作,为了防止大量的代码重复,可以把一些属性获取到,并赋予给一个变量,进而对这个变量进行一些操作,大大的提高了代码效率。
可以用于保存任何类型的数据。每个变量只不过时一个用于保存任意值的命名占位符。有三个关键字可以用来声明变量:var、const、let。其中,var在ECMAScript所有版本中都可以使用,而const和let只能在ECMAScript6及更晚的版本中使用。
二、变量的命名
1.变量的命名规则
1.不能使用数字开头。
2.不可以使用关键字和保留字。
3.只可以使用由数字、字母、下划线‘_’、美元符‘&’的组合(并且满足1,2)。
4.可以使用汉字进行命名,但是不推荐。
单个命名
var a;
多个命名(变量之间用逗号分割)
var a,b;
2.关键字与保留字
(1)关键字:
在对变量进行命名时,如果命名成为关键字,那么就会报错,以及对总体代码有一定的影响。ECMA-262第六版的所有关键字:(由于js区分大小写,可以通过变化大小写来命名)
break do in typeof case else instanceof var catch export new void class extends return while continue const finally super with for switch yield debugger function this default if throw delete import try
(2)保留字
在未来可能会被当作关键字的词汇。
始终保留:enum
严格模式下保留:implements package public interface protected static let private
模块代码中保留:await
3.变量的命名风格
(1)一定要语义化:一看就大概明白是什么意思,对于自己和别人的代码阅读来说,很方便。
(2)驼峰命名:
大驼峰:JavaScript 每个单独的单词首字母都大写
小驼峰:javaScript 第一个单词首字母小写,之后的单词首字母都大写
三、变量的赋值
单变量的赋值:
var a = 1;
多变量的赋值:
var a = 1,
b = 3,
c = 29;
如果只是变量声明,而没有赋值,在控制台会输出undefined(默认undefined)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
<script type="text/javascript">
var a;
console.log(a)
</script>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
<script type="text/javascript">
var a=30,
b=20;
console.log(a)
console.log(b)
</script>
</html>
总结
我在学校做过几个团队的前端项目,很多时候就是因为命名导致后期总和的时候有问题,命名格式一定要规范,要语义化。当然变量像其他语言一样也会有作用域,我会在接下来的函数部分说明一下。