JS对象基础

JS对象

var p = {
	name:"Tom",
	age:12,
	setName:function(name) {
		this.name = name;
	},
	setAge:function(age) {
		this.age = age;
	}
}
console.log(p.name);// Tom
p.setName("Mary");
console.log(p["name"]);// Mary

一、什么是对象？

• 多个数据的封装体；
• 用来保存多个数据的容器；
• 一个对象代表现实中的一个事物；

二、为什么要用对象？

• 统一管理多个数据；

三、对象的组成

• 属性：由属性名（字符串）和属性值（任意类型）组成；
• 方法：一种特别的属性（属性值是函数）；

四、如何访问对象内部数据？

• .属性名：编码简单，有时不能用
• [ “属性名” ]：编码麻烦，可以通用

五、扩展

什么时候必须使用[ “属性名” ]的方式？

1. 属性名包含特殊字符： - ；空格
2. 属性名不确定

var p = {};
//p.content-type = "text/json"; // 报错
p["content-type"] = "text/json";

var propName = "myName";
var value = 18;
//p.propName = value;// 此时p对象中的属性名为propName
p[propName] = value; //此时p对象中的属性名为myName