JS对象（一）

认识对象

• 对象（object）是“键值对”的集合，表示属性和值的映射关系

var xiaoming = {
name: '小明',
age: 12,
sex: '男',
hobbies: ['足球', '编程']
};

• k和v之间用冒号分隔，每组k:v之间用逗号分隔，最后一个k:v对后可以不书写逗号

var obj = {
k: v,
k: v,
k: v,
k: v
};

• 如果对象的属性键名不符合JS标识符命名规范，则这个键名必须用引号包裹

var xiaoming = {
name: '小明',
age: 12,
sex: '男',
hobbys: ['足球', '游泳', '编程'],
'favorite-book': '舒克和贝塔'
};

• 可以用“点语法”访问对象中指定键的值
• 如果属性名不符合JS标识符命名规范，则必须用方括号的写法来访问
• 如果属性名以变量形式存储，则必须使用方括号形式
• 直接使用赋值运算符重新对某属性赋值即可更改属性
• 如果对象本身没有某个属性值，则用点语法赋值时，这个属
  性会被创建出来

var obj = {
a: 10
};
obj.b = 40;

• 如果要删除某个对象的属性，需要使用delete操作符

var obj = {
a: 1,
b: 2
};
delete obj.a;

对象的方法
-如果某个属性值是函数，则它也被称为对象的“方法”

var xiaoming = {
name: '小明',
age: 12,
sex: '男',
hobbys: ['足球', '游泳', '编程'],
'favorite-book': '舒克和贝塔',
sayHello: function () {
console.log('你好，我是小明，今年12岁，我是个男生');
}
};

• 使用“点语法”可以调用对象的方法
• 方法也是函数，只不过方法是对象的“函数属性”，它需要用对象打点调用
• 在正式学习了什么是“方法”之后，就能深入理解之前我们学习的一些函数的书写形式了，比如：

对象的遍历

• 和遍历数组类似，对象也可以被遍历，遍历对象需要使用for…in…循环
• 使用for…in…循环可以遍历对象的每个键
• 在后续的ES6相关课程中，还会学习新的对象遍历的方式

对象是引用类型值

• 不能用var obj2 = obj1这样的语法克隆一个对象
• 使用或者=进行对象的比较时，比较的是它们是否为内
  存中的同一个对象，而不是比较值是否相同
  对象的浅克隆
• 复习什么是浅克隆：只克隆对象的“表层”，如果对象的某些属性值又是引用类型值，则不进一步克隆它们，只是传递它们的引用
• 使用for…in…循环即可实现对象的浅克隆

对象的深克隆

• 和数组的深克隆类似，对象的深克隆需要使用递归
• 面试时经常会考察深克隆算法，必须掌握
• 复习什么是深克隆：克隆对象的全貌，不论对象的属性值是否又是引用类型值，都能将它们实现克隆

什么是上下文

• 函数中可以使用this关键字，它表示函数的上下文
• 与中文中“这”类似，函数中的this具体指代什么必须通过调用函数时的“前言后语”来判断

var xiaoming = {
nickname : '小明',
age : 12,
sayHello : function () {
console.log('我是' + this.nickname + '，我' + this.age + '岁了');
}
};
xiaoming.sayHello();

• 同一个函数，用不同的形式调用它，则函数的上下文不同
  情形1：对象打点调用函数，函数中的this指代这个打点的对象
  xiaoming.sayHello();
  情形2：圆括号直接调用函数，函数中的this指代window对象

var sayHello = xiaoming.sayHello;
sayHello();

var obj = {
a: 1,
b: 2,
fn: function () {
console.log(this.a + this.b);
}
};

var obj = {
a: 1,
b: 2,
fn: function () {
console.log(this.a + this.b);
}
};
obj.fn();

var obj = {
a: 1,
b: 2,
fn: function () {
console.log(this.a + this.b);
}
};
var fn = obj.fn;
fn();