前端入门学习笔记四十四

物恰冰可乐

已于 2022-12-06 19:33:09 修改

阅读量72

点赞数

分类专栏：前端文章标签：前端学习 javascript

于 2022-12-05 22:22:42 首次发布

本文链接：https://blog.csdn.net/m0_65384293/article/details/128194469

版权

前端专栏收录该内容

109 篇文章 2 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<p>常量对象可以更改</p>
		<p id = "pp"></p>
		<script>
			const car = {type:"html",
			html:"铠甲勇士",color:"铠甲勇士刑天"};
			car.color = "skyblue";
			car.owner = "铠甲勇士拿瓦";
			document.getElementById("pp").innerHTML = "铠甲勇士"+ car.owner;
		</script>
	</body>
</html>

常量对象可以更改
您可以更改常量对象的属性

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<p>但是您无法重新为常量对象赋值</p>
		<p id = "zz"></p>
		<script>
			try{
				const car = {type:"铠甲勇士",
				model:"铠甲勇士刑天",color:"铠甲勇士拿瓦"};
				car = {type:"铠甲勇士之帝皇侠",model:"php",
				color:"skyblue"};
			}
			catch (err){
				document.getElementById("zz").innerHTML = err;
			}
		</script>
	</body>
</html>

但是您无法重新为常量对象赋值

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<p>常量数组可以更改</p>
		<p id = "cc"></p>
		<script>
			const kjys = ["刑天","地虎","拿瓦"];
			kjys[0] = "铠甲勇士刑天";
			kjys.push("铠甲勇士拿瓦");
			document.getElementById("cc").innerHTML = kjys;
		</script>
	</body>
</html>

常量数组可以更改
您可以更改常量数组的元素

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<p>但是您无法重新为常量数组赋值</p>
		<p id = "nn"></p>
		<script>
			try{
				const hh = ["铠甲勇士","刑天","拿瓦"];
				hh = ["刑天","铠甲勇士刑天","铠甲勇士之帝皇侠"];
			}
			catch(err){
				document.getElementById("nn").innerHTML = err;
			}
		</script>
	</body>
</html>

但是您无法重新为常量数组赋值

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<p>JavaScript 运算符</p>
		<p id = "u"></p>
		<script>
			var k = 3;
			var o = 9;
			var d = k * o;
			document.getElementById("u").innerHTML = d;
		</script>
	</body>
</html>

JavaScript 运算符
向变量赋值，并把它们相加

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<p>JavaScript 运算符</p>
		<p id = "v"></p>
		<script>
			var x = 30;
			document.getElementById("v").innerHTML = x;
		</script>
	</body>
</html>

JavaScript 运算符
赋值运算符（=）把值赋给变量
赋值

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<p>JavaScript 运算符</p>
		<p id = "JavaScript 运算符"></p>
		<script>
			var k = 900;
			document.getElementById("JavaScript 运算符").innerHTML = k;
		</script>
	</body>
</html>

JavaScript 运算符
赋值运算符（=）把值赋给变量
赋值

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<p>JavaScript 运算符</p>
		<p id = "盗墓笔记"></p>
		<script>
			var u = 1000;
			document.getElementById("盗墓笔记").innerHTML = u;
		</script>
	</body>
</html>

JavaScript 运算符
赋值运算符（=）把值赋给变量
赋值

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<p>常量数组可以更改</p>
		<p id = "常量数组可以更改"></p>
		<script>
			const hh = ["盗墓笔记","百度","快手"];
			hh[1] = "终极笔记";
			hh.push("鬼吹灯");
			document.getElementById("常量数组可以更改").innerHTML = hh;
		</script>
	</body>
</html>