web前端学习笔记15-js对象的概念及基本操作

一、类和对象

• 类是具有相同特征的一类事物的总称，是抽象的概念。
• 对象是具体的某一特定的事物。
• 类和对象互相关联。对象是按照类制作出来的，是类的实例化，实例化就是类实现个例的过程。类是由对象抽象总结而来的，是对象的抽象化，抽象化就是抽出现象的过程。
• js是一种基于对象的语言，js中所有的数据都是对象，js中没有类的概念，js的对象是由一个对象原型加工而来的对象实例

二、对象的操作

• 对象的本质：数据和功能的集合
• 对象的特点： 高内聚（关联高的内容放在一起），低耦合（关联低的放在不同的对象）
• 特征的描述就是数据，功能的描述就是函数
• 对象中所包含的内容就是对象成员

【对象的创建、增删改、对象成员的遍历】

// 对象操作——————————————————————
// 创建方法1：创建一个空对象
var obj =new Object();
// 添加对象成员
obj.sex='女';
obj.name='娜娜';
obj.age=16;
obj.eat=function (){
	document.write('娜娜会吃');
}
console.log(obj,typeof obj);
// 创建方法2：创建对象-对象字面量
var zhangsan={
	// 特征（成员属性）
	sex:'男',
	name:'张三',
	age:18,
	// 功能（成员方法）
	eat:function (){
		document.write('会吃');
	},
	cry:function (){
		document.write('会哭');
	}	
};   //默认采用Object对象原型制作对象
console.log(zhangsan,typeof zhangsan);

// 对象成员的使用
console.log(zhangsan.age);
console.log(obj.sex);
obj.eat();
zhangsan.cry();
// 对象的删改
obj.age=23;
console.log(obj.age);
zhangsan.cry=function(){
	document.write('张三会哭');
}
zhangsan.cry();
delete obj.name;
delete zhangsan.eat;  //不用加括号
console.log(obj,typeof obj);
console.log(zhangsan,typeof zhangsan);
// 对象成员的遍历
var xiaoli={
	// 特征（成员属性）
	sex:'女',
	name:'小丽',
	age:17,
	// 功能（成员方法）
	eat:function (){
		document.write('小丽会吃');
	},
	cry:function (){
		document.write('小丽会哭');
	}	
}; 
 // 对象成员遍历
 for (var i in xiaoli){
	 // i用来获取对象的成员名称,用对象名[i]获取成员值
	 console.log(i,xiaoli[i]);
 }