初学JavaScript

JavaScript 变量 和 数据类型

一、变量

1.什么是变量？

在JavaScript 变量是存储数据值的容器，变量由三部分组成（变量、变量名和变量值）。可以以入住宾馆的场景来模拟变量，如图：

2.变量的语法

	<script>
		 //变量名
		var money;
		//赋值
    	money=1000;
		//联合使用
		var money=1000;
		//在页面中显示
		document.write(money)
	</script>

3.变量的命名规则

money、score、name、sex

变量命名规范：
简短且能清楚地表明变量的作用，通常第一个单词的首字母小写，其后单词
的首字母大写。例如：myScore
PS:实际开发时，为了易于维护，尽量使用有意义的变量名

二、数据类型

1.数据类型的分类

数据类型分为两大类（基本数值类型‘值类型’）和（引用类型）
（1）基本数值类型包含五个：

  Boolean（布尔型）：
  String（字符型）
  Number（数值型）
  Null（空型）
  Undefined（未定义型）

（2）引用类型只有一个：Object（对象）

2.数据类型的转换

数据类型有三种转换形式

• 其他类型向布尔类型转换
• 其他类型向数值类型转换
• 其他类型向字符串类型转换

3.数据类型转换的语法

（1）其他类型向布尔类型转换：

	<script>
		var = prompt()
		if(Boolean(con)){
			document.write('已输入内容')；
		}
		else{
			document。write（'无输入内容'）
		}
	</script>
	

分析：用户单击“取消”按钮，则结果为false；用户未输入，单击“确定”按钮 ，则结果为false；用户输入内容再单击“确定”按钮，则结果为true。
(2).其他类型向数值类型转换:

	<script>
		//根据用户的输入内容自动求和
		var num1 = prompt('请输入求和的第一个数据')
		var num2 = prompt('请输入求和的第二个数据')
		console.log(num1 + num2)
		console.log(parselnt(num1) + porselnt(num2))
	</script>

ps:转数值型的函数在使用时有一定的区别，如图：
所有函数在转换纯数字时会忽略前导零，如“0123”字符串会被转换为123。
parseFloat()函数会将数据转换为浮点数（可以理解为小数）。
parseInt()函数会直接省略小数部分，返回数据的整数部分，并可通过第2个参
数设置转换的进制数。
（3）其他类型向字符串类型转换：

	<script>
	//根据用户输入自动求和
		var num1 = num2 = num3 = 4, num4 = 26;
		console.log(String(12));
		console.log(num1 + num2 + num3.toString())；
		console.log(num4.toString(2))
	</script>

分析：第一步：计算num1+ num2的结果为8；第二步：num3转成‘4’。第三步：拼接两次计算结果为84；
ps：toString()方法在进行数据类型转换时，可通过参数设置，将数值转换为指定进制的字符串，例如num4.toString(2)，表示首先将十进制26转为二进制11010，然后再转为字符型数据。

以上就是本文章所有内容，希望能对您有帮助！