文章目录


  • 一、变量是什么?
  • 二、变量的命名
  • 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>

javascript变量名称 javascript中变量名的命名规则_javascript变量名称

<!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>

javascript变量名称 javascript中变量名的命名规则_html_02

 

 

总结

我在学校做过几个团队的前端项目,很多时候就是因为命名导致后期总和的时候有问题,命名格式一定要规范,要语义化。当然变量像其他语言一样也会有作用域,我会在接下来的函数部分说明一下。