src/JavaScript/JS函数以及变量/JS的数据类型和typeof运算符.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>关于JS的数据类型和typeof运算符</title>
	</head>
	<body>
		<img src="https://gitee.com/YunboCheng/imageBad/raw/master/image/20210704110845.png" alt="JS的数据类型">
		<!-- 
			
			typeof运算符（非常重要****）
			typeof运算符可以在JS代码运行的过程当中，动态的获取变量的数据类型。
			typeof运算符的语法格式：typeof 变量名
			typeof运算符的运算结果是以下6个字符串之一：
				"undefined"
				"number"
				"string"
				"boolean"
				"object"
				"function"
				并且以上的6个字符串是全部小写的。
			
			在JS中判断两个字符串是否相等，应该使用“==”，JS中国没有equals函数。
		 -->
		<script type="text/javascript">
		
			// sum函数的作用是计算两个数字的和，要求x和y都必须是数字类型，
			// 如果不是应该提示错误信息！
			
			function sum(x,y){
				// 有一段代码可以动态获取x和y变量的数据类型。
				// 注意：这里等于的number必须是小写，因为Number代表的是数据类型，
				// 这里返回的是typeof运算符的运算结果,所以等号后边要写 number
				if(typeof x == "number" && typeof y == "number"){
					
					// 弹出求和结果
					alert(x + y);  
				}else{
					// 程序执行到这里代表x和y不都是数字
					alert("对不起，传递的两个参数必须都是数字才可以去求和！")
				}
			}
			
				// i变量声明，但是没有赋值，系统默认值为undefined
				// i变量的数据类型属于Undefined类型，
				// 所以说typeof运算符的结果是:undefined
				// console.log()代表将结果输出到控制台，相当于Java的System.out.println();
				var i ;
				console.log(typeof i) 
				
				
				// 3.14的数据类型为：Number(数据类型的首字母大写)
				// 这个的输出结果为 ：number(返回的字符串全部为小写，没有大写)
				var k = 3.14
				console.log(typeof k)
				
				
				// zhangsan的数据类型为 ：String
				// 这个输出的结果为 ：string
				var username = "zhangsan";
				console.log(typeof username);
				
				// sex的数据类型为 ：Boolean
				// 输出的结果为 ：boolean
				var sex = true ;
				console.log(typeof sex);
				
				// null属于Null数据类型，
				// 但是typeof运算符的运算结果为:object
				// null这个值是基本数据类型，但是typeof运算符的运算结果是"object"
				var v = null;
				console.log(typeof v);
				
				
				 // 创建一个对象，对象的数据类型为:Object
				 // 输出的结果为 ：object
				 var newObject = new Object();
				console.log(typeof newObject);
				// 函数使用typeof运算符的运算结果为：function
				// typeof运算符的语法格式：typeof 变量名(函数名sum，而不是调用函数sum())
				console.log(typeof sum);
			
		</script>
		
			<hr>
			<!-- 测试输入的数据是否满足上边定义函数的条件 -->
			<input type="button" value="String+String" onclick="sum('111','222')"/>
			<input type="button" value="Number+Boolean" onclick="sum(11,true)"/>
			<input type="button" value="Number+Number" onclick="sum(1,2)" />
	</body>
</html>