对象

最新推荐文章于 2023-08-07 17:06:42 发布

你真好看l

最新推荐文章于 2023-08-07 17:06:42 发布

阅读量82

点赞数

分类专栏： js基础总结

本文链接：https://blog.csdn.net/qq_40052011/article/details/102996503

版权

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

4 篇文章 0 订阅

订阅专栏

–
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>