JavaScript对象总结

对象

  1. 什么是对象

   现实生活中万物都可以是对象，对象是一个具体的实物，看得见也摸得着的实物。
   例如：一本书，一辆车或者一个人；一个数据库，一张网页，一个与远程服务器的连接也可以是对象。

   在JavaScript中，对象是一组无序的相关属性和方法的集合。
   其中所有事物都是对象，例如：字符串、数值、数组、函数等。
   对象是由属性和方法组成的。

• 属性：事物的特征，在对象中用属性来表示（常用名词）
• 方法：事物的行为，在对象中用方法来表示（常用动词）

  2.为什么需用对象

   保存一个值时，可以用变量；保存多个值（一组值）时，可以用数组；保存一个人的完整信息就需要用到对象了。

例如：
  将“华大哥”的个人信息保存在数组中的方式为以下代码：

var arr = [ "华大哥" , "男" , 18 , 180 ];

  JS中对象的表达结构更清晰，更强大。
  华大哥的个人信息在对象中的表达结构如下：

person.name = "华大哥";
person.sex = "男";
person.age = 18;
person.height = 180;

---

变量、属性、函数和方法的小结

• 变量：单独声明赋值，单独存在。
• 属性：对象里面的变量成为属性，不需要声明。用来描述该对象的特征。
• 函数：单独存在的。通过“函数名（）”的方式就可以调用。
• 方法：对象里面的函数称为方法。方法不需要声明。使用“对象.方法名（）”就可以调用。方法用来描述该对象的行为和功能。

---

创建对象的三种方式

1. 利用字面量创建对象

   对象字面量：就是花括号 { } 里面包含了表达这个具体事物（对象）的属性和方法。

   语法格式：

var obj = {
	uname : "华大哥",
	age : 18 ,
	sayHi : function ( ) {
		console.log ("hi~")
	};
};

• 里面的属性或者方法我们采用键值对的形式。
  键 属性名 : 值 属性值

• 多个属性或者方法中间用逗号隔开。

• 方法冒号后面跟一个匿名函数。

对象的调用

• 对象里面的属性调用：对象.属性名，这个小点 ” . “就理解为“的”的意思。
• 对象里面属性的另一种调用方式：对象[ " 属性名 " ]，注意方括号里面的属性必须加引号。
• 对象里面的方法调用：对象.方法名（），注意这个方法名后面一定要加括号。

console.log ( star.mame )          //调用名字属性
console.log ( star [ " name " ] )        //调用名字属性
star.sayHi ( );             //调用sayHi方法

2. 利用new Object创建对象

  跟new Array ( )原理一致。
  利用new Object创建对象

var obj = new Object ( );      //创建了一个空的对象
obj.uname = "华大哥";
obj.age = 18;
obj.sex = "男";
obj.sayHi = function ( ) {
	console.log ("hi~");
}

• 这个是利用 等号=赋值的方法 添加对象的属性和方法。
• 每个属性和方法之间用 分号 结束。

3.利用构造函数创建对象

   为什么需要使用构造函数？
   A:因为前面两种创建对象的方式一次只能创建一个对象。

构造函数：是一种特殊函数。主要用来初始化对象，即为对象成员变量赋初始值，它总与new运算符一起使用。我们可以把对象中一些公共的属性和方法抽取出来，然后封装到这个函数里。

构造函数的语法格式：

function 构造函数名 () {
	this.属性 = 值；
	this.方法 = function () {
	};
};
new 构造函数名;

案例：

function Star (uname,age,sex) {
	this.name = uname;
	this.age = age;
	this.sex = sex;
	this.sing =function (sang) {
		console.log (sang);
	};
};
var hcy = new Star ("华晨宇"，32，"男");
console.log ( hcy.nam );
hcy.sing ("斗牛");

• 构造函数名字首字母要大写。
• 构造函数不需要return就可以返回结果。
• 调用构造函数必须使用new。
• 只要new Star （）调用函数就创建一个对象 hcy { }。
• 属性和方法前面必须添加this。

构造函数和对象

1. 构造函数 泛指的某一大类，它类似与java语言里面的 类（class）
2. 对象 特指是一个具体的事物。

---

New关键字

  new在执行时会做四件事：
  1.在内存中创建一个新的空对象。
  2.让this指向这个新的对象。
  3.执行构造函数里面的代码给这个新对象添加属性和方法。
  4.返回这个新对象（所以构造函数里面不需要return）。

---

遍历对象属性

  for…in语句用于对数组或者对象的属性进行循环操作。

  语法格式：

for ( 变量 in 对象 ) {

}

  案例：

for ( var k in obj ) {
	console.log ( k );    //k变量输出，得到的是属性名
	console.log (obnj[k]);   //obj[k] 得到的是属性值
};

for in里面的变量 k 不固定，通常（习惯）写 k 或 key。

---

对象小结

• 对象可以让代码结构更清晰。
• 对象复杂数据类型 object。
• 本质：对象就是一组无序的相关属性和方法的集合。
• 构造函数泛指某一大类。如：苹果（不论颜色如何都是苹果）
• 对象实例特指一个事物。如：这个红苹果。
• for…in语句用于对 对象的属性进行循环操作。