对象

最新推荐文章于 2024-04-01 09:33:24 发布

原创最新推荐文章于 2024-04-01 09:33:24 发布 · 116 阅读

0 ·

CC 4.0 BY-SA版权

js基础总结专栏收录该内容

4 篇文章

订阅专栏

本文深入解析JavaScript中对象的概念，包括其定义、使用原因、组成结构及访问方式，通过实例讲解何时必须使用['属性名']的方式访问对象数据。

–
1.什么是对象？
多个数据的封装体
用来保存多个数据的容器
一个对象就好比现实生活中一个事物
2.为什么要用对象
统一管理多个数据
3.对象的组成
属性：由属性名（字符串在语法上做了优化可以不写引号）和属性值（任意类型）组成
方法：一种特别的属性（属性值是函数）
4.如何访问对象内部数据
.属性名 //编码简单，但有时不能用
[‘属性名’] //编码麻烦，但通用
-
问题：
1.什么时候必须用[‘属性名’]的方式访问对象中的数据？
-属性名包含特殊字符： - 空格
-变量名不确定

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			var p={
				name:"Tom",
				age:21,
				setName: function( name ) {
					this.name = name
				},
				setAge: function( age ){
					this.age = age
				}
			}
			p.setAge(3)
			console.log(p.name,p.age);;
			p['setAge'](7);
			console.log(p.age)
			
			
			
			//	什么时候必须用['属性名']的方式访问对象中的数据？   1.变量名有- 空格;2.变量名不确定
			var x={}
			//p.content-type="text/json"  //不能用，报错
			p['content-type']="text/json"
			console.log(p['content-type'])  //text/json
			
			
			var propName = "myAge"
			var value = 10
			//p.propName = value  //这个会把变量名写成propName,而不是myAge.
			p[propName] = value;
			console.log(p.myAge) //10s
			
		</script>
	</body>
</html>