10(Object)简洁表示法

七色的天空

于 2024-03-05 21:48:35 发布

阅读量412

点赞数 8

CC 4.0 BY-SA版权

分类专栏： 09_ES6 文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/q506174602/article/details/136490985

09_ES6 专栏收录该内容

14 篇文章

订阅专栏

本文通过JavaScript代码示例，对比了ES5和ES6中对象字面量的使用方法，展示了如何在ES5中创建对象并访问属性，以及ES6中更简洁的语法。

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

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>简介表示法</title>
</head>
<body>
	<script type="text/javascript">
		let user = {
			name: '张三',
			age: 18,
			skill: 'css'
		}
		let {name, age, skill} = user;
		console.log(name, age, skill);

		// es5
		let name1 = '李四';
		let age1 = 18;
		let skill1 = 'CSS3';
		let obj1 = {
			// name: name1,
			// age: age1,
			// skill: skill1
			name1,
			age1,
			skill1
		}
		console.log(obj1);
		// 保证 变量名和键名一样
		let obj2 = {name, age, skill};
		console.log(obj2);
	</script>
</body>
</html>

上述运行结果：