数据类型

最新推荐文章于 2024-07-21 11:11:15 发布

张向旺

最新推荐文章于 2024-07-21 11:11:15 发布

阅读量107

点赞数

CC 4.0 BY-SA版权

文章标签： web

原文链接：https://blog.csdn.net/qq_45783660/article/details/116753154

本文深入探讨JavaScript中的数据类型，包括基本数据类型和引用数据类型，并详细讲解如何通过String()、Number()和Boolean()包装类将基本数据类型转换为对象。此外，还讨论了在实际应用中使用基本数据类型对象可能带来的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
     <script type="text/javascript">
			/*
			 * 基本数据类型
			 * 	String Number Boolean Null Undefined
			 * 引用数据类型
			 * 	Object
			 * 
			 * 在JS中为我们提供了三个包装类，通过这三个包装类可以将基本数据类型的数据转换为对象
			 * 	String()
			 * 		- 可以将基本数据类型字符串转换为String对象
			 * 	Number()
			 * 		- 可以将基本数据类型的数字转换为Number对象
			 *  Boolean()
			 * 		- 可以将基本数据类型的布尔值转换为Boolean对象
			 * 	但是注意：我们在实际应用中不会使用基本数据类型的对象，
			 * 		如果使用基本数据类型的对象，在做一些比较时可能会带来一些不可预期的结果
			 */
			
			//创建一个Number类型的对象
			//num = 3;
			var num = new Number(3);
			var num2 = new Number(3);
			var str = new String("hello");
			var str2 = new String("hello");
			var bool = new Boolean(true);
			var bool2 = false;
			console.log(str === str2);//false
			//向num中添加一个属性
			num.hello = "abcdefg";
			console.log("---->"+num.hello);
			//console.log(str === str2);
			
			var b = new Boolean(false);
			console.log(typeof bool2);//"boolean"
			console.log(typeof b);//object
			console.log("bbbb---->"+b);
			if(bool2){//false
				alert("bool2  我运行了~~~");//并没有运行
			}
			if(b){//false  因为b是对象 返回的是object  所以并不是boolean值
				alert("b  我运行了~~~");//运行了
			}
			/*
			 * 方法和属性之能添加给对象，不能添加给基本数据类型
			 * 	当我们对一些基本数据类型的值去调用属性和方法时，
			 * 		浏览器会临时使用包装类将其转换为对象，然后在调用对象的属性和方法
			 * 		调用完以后，在将其转换为基本数据类型
			 */
			var s = 123;
			var num = new Number(3);
			//num = num.toString();
			//s=s.toString();
			//console.log(s);
			//console.log(num);
			
			s.hello="lala";
			console.log(s.hello);//undefined
			num.hello=num.hello="lalalallal";
			console.log(num.hello);//lalalal
			//console.log(typeof s);  
			
			
		</script>
     </script>
	</head>
	<body>
	</body>
</html>