javaScript中的变量和常量以及数据类型

最新推荐文章于 2022-07-28 19:49:52 发布
程宇寒
最新推荐文章于 2022-07-28 19:49:52 发布
阅读量502
点赞数
文章标签： javaScript 变量常量数据类型 js
本文链接：https://blog.csdn.net/czh500/article/details/99892340
版权
javaScript中的变量和常量以及数据类型

直接po图和代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>js02-变量和常量以及数据类型</title>
<script type="text/javascript">
	/*
		变量：可以变化的值
		常量：不可以修改的值
	如何声明变量
		关键字var
		var 变量名     是否初始化(即是否给变量赋值)
	*/
	
	var a; //仅仅是声明变量，但是不给a变量赋值
	console.log(a); //结果为undefined
	
	var b = 66;//声明变量，同时给b变量赋值
	console.log(b); //结果为66
	
	/*
		在js中声明变量，在使用变量的时候必须初始化
	*/
	
	//js一次性声明多个变量
	var c, d, e; //只是声明变量，但是没有给变量赋值
	console.log(c, d, e); //结果为undefined undefined undefined
	
	/*在js中，单引号和双引号都可以表示一个字符串，但是建议使用单引号*/
	
	//可以赋不同类型的值
	var f = 88, j = '中国江西省赣州市于都县', k = 6.99;
	console.log(f, j, k); //结果为88 江西省赣州市于都县 6.99
	
	var m, n;
	m = 8.77;
	n = "于都县";
	console.log(m, n); //结果为8.77 于都县
	
	var t = 3, y = 7;
	console.log(t, y); //结果为3 7
	
	var w, p;
	w = 55;
	p = 26;
	console.log(w, p); //结果为55 26
	
	//js中严格区分大小写
	var aa = "我老家在江西省赣州市于都县";
	console.log(aa);
	
	//js中，关键字是区分大小写的，如下的var关键字如果大写的话，就会报错，所以var关键字必须小写
// 	VAR hometown = "江西省于都县"; //报错

	//js中严格区分大小写
	var test = "好好工作，努力赚钱";
	console.log(test);
	
	var Test = "一万年太久只争朝夕";
	console.log(Test);
	
	var TEST = "天若有情天亦老，人间正道是沧桑";
	console.log(TEST);
	
	/*
		大家要养成规范的命名习惯
		变量命名的时候遵循驼峰命名法
		
		一个名字可以由多个有意义的单词组成，那么第一个单词首字母小写，其余每一个有意义的单词的首字母都要大写.
		
		切记：命名的时候要使用英语，千万不能使用拼音。还要注意一点，那就是不是所有的单词都需要简写，
		我们必须保证别人在看到你命名的名字之后知道是什么意思。要做到“见字知意
	*/
	
	//设置的名字一定要有意义，让别人看到名字大概就了解到变量所代表的含义了，如下就是正确的示范
	 var personName = "令狐冲";
	 var personInformation = "扬州韦小宝";
	 var personInfo = "神雕大侠杨过";
	 //结果为令狐冲 扬州韦小宝 神雕大侠杨过
	 console.log(personName, personInformation, personInfo);
	 
	 //变量名可以使用数字、字母、下划线、$来命名，但是数字不能作为名字的开始，也不支持中划线，即中杠(-)
	 	var a8 = 36;
	 	var person_Information = "大理段誉";
	 	var $userName = "囧囧";
	 	var user$Name = "哈哈";
	 	//结果为36 大理段誉 囧囧 哈哈
	 	console.log(a8, person_Information, $userName, user$Name);
	 	
	 	//错误的，不能以数字开头
// 	 	var 2b = "tom"; //连语法都通不过

//错误的命名规范，因为在js中是不支持中杠的(-),这点要切记，是绝对不支持中杠的(中杠即中划线)
// 		var last-name = "jack"; //连语法都通不过


//真实项目中如果是通过JQuery获取的值，那么存储值的变量我们会在前面以$开始
var $student;

//在真实的项目中有这样一个约定俗成的规范，以_开头的变量是公共变量(全局变量)，在很多地方都可以获取使用
var _student; 


/*
变量不能使用关键字和保留字命名
关键字：在js中有特殊含义的，例如：var、for、break、continue…
保留字：未来可能会成为关键字的，例如：class
*/

	
	/*
		1.声明变量的时候可以不带var关键字
		2.不带var关键字声明的变量为全局变量
	*/
	
	myMessage = "I Love China"; //在js中，单引号和双引号都可以表示一个字符串，但是建议使用单引号
	var myMessage2 = '做个堂堂正正的中国人'; //在js中，单引号和双引号都可以表示一个字符串，但是建议使用单引号
	console.log(myMessage, myMessage2);
	
	//在js中，单引号和双引号都可以表示一个字符串，但是建议使用单引号
	/*
		在JavaScript中，单引号和双引号都可以表示一个字符串，二者在语法上没有区别。
		
		但从规范上说，一般的大部分规范中都要求使用单引号来引用字符串，这样做有一个好处，
		如果一个js的变量是一段html代码的字符串，html的属性在规范中是使用双引号，
		字符串使用单引号，字符串中的html属性就可以直接使用双引号而不用转义
	*/
	var testTag = '<a href="https://blog.csdn.net/czh500">';
	console.log(testTag);
	
	/*
		我们在写javascript脚本时应该尽量将变量声明放在作用域的开始地方
	*/
	//变量会被提前声明(即变量声明前置)
	console.log(aaa); //结果为undefined
	var aaa = 999; 
	console.log(aaa); //结果为999
	var aaa = 1006;
	console.log(aaa); //结果为1006
	
	
	console.log(bbb); //结果为undefined
	bbb = 3367;
	console.log(bbb); //结果为3367
	var bbb = 4400;
	console.log(bbb); //结果为4400
	
	ccc = 8899;
	console.log(ccc); //结果为8899
	var ccc;
	console.log(ccc); //结果为8899
	
	var ddd = 123;
	console.log(ddd); //结果为123
	ddd;
	console.log(ddd); //结果为123
	
	var eee = 9800;
	console.log(eee); //结果为9800
	eee = null;
	console.log(eee); //结果为null
	
	var fff = 342300;
	console.log(fff); //结果为342300
	var fff = undefined;
	console.log(fff); //结果为undefined
	
	console.log("ggg = " + ggg); //结果为ggg = undefined
	var ggg = 8765;
	console.log("ggg = " + ggg); //结果为ggg = 8765
	
	/*
	js中一旦被定义就无法再被修改的变量，称之为常量
		常量:不能修改的值
		常量的关键字是const
		常量只能读取，不能修改
		
		常量通常用大写字母定义，多个单词之间用下划线_分隔
	*/
	
	//重力加速度
	var G = 9.8; 
		G = 12; //可以修改值
	console.log(G);
		
	
	//圆周率
	//改成常量
	const PI = 3.14; //不可以修改值
	//修改常量会报错
// 		  PI = 4.66; //报错invalid assignment to const `PI'
	console.log(PI);
	
	//常量不支持声明前置
// 	console.log(MY_PI); //会报错
// 	const MY_PI = 3.14;

	//常量是一个块作用域
	if (true) {
		const COLOR = 'red';
	}
// 	console.log(COLOR); //报错COLOR is not defined


	//变量不是一个块作用域
	if (true) {
		var my_home = '我家在中国';
	}
	console.log(my_home); //结果为我家在中国
	

	/*
		js中的数据类型
		有6种，分别是
		number、 boolean、 string、 null、 undefined、 object
	 */
	 var v1 = 689; //整型
	 var v2 = 33.58; //浮点型
	 var v3 = true; //true和false
	 var v4 = '数风流人物还看今朝'; //字符串类型
	 var v5 = null; //对象类型，空引用(指的是空对象的引用)
	 var v6 = undefined; //undefined类型
	 var v7 = {}; //对象类型
	 console.log(v1, v2, v3, v4, v5, v6, v7);
	 
	 //typeof 检测变量的数据类型
	 console.log(typeof v1);
	 console.log(typeof v2);
	 console.log(typeof v3);
	 console.log(typeof v4);
	 console.log(typeof v5);
	 console.log(typeof v6);
	 console.log(typeof v7);

</script>
</head>
<body>
	<h1>js02-变量和常量以及数据类型</h1>
</body>
</html>