js 对象

1. 什么是对象

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

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

2. 为什么需要对象

保存一个值时，可以使用变量，保存多个值时，可以使用数组。如果要保存一个人的完整信息呢？
例如用数组保存

var arr = ['张三','男',128,154];

JS中的对象表达结构更清晰，更强大。

person.name = '张三';
person.sex = '男';
person.age = 128;
person.height = 154;

3. 创建对象的三种方式

（1）利用字面量创建对象
对象字面量：就是花括号{ }里面包含了表达这个具体事物（对象）的属性和方法。
{ }里面采取键值对的形式表示

• 键：相当于属性名
• 值：相当于属性值，可以是任意类型的值（数字类型、字符串类型、布尔类型、函数类型等）

var star = {
    name : 'fg',
    age : 18,
    sex : '男';
    sayHi : function() {
        alert('大家好');
    }
};

对象的调用

• 对象里面的属性调用：对象.属性名
• 对象里面属性的另一种调用方式：对象[ ‘属性名’ ]
• 对象里面的方法调用：对象.方法名()，注意这个方法名字后面一定加括号

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

（2）利用new Object创建对象

var obj = new Object(); //创建了一个空对象
obj.uname = '张三';
obj.age = 18;
obj.sex = '男';
obj.sayHi = function() {
        console.log('hi');
    }
    //(1)我们是利用 等号 = 赋值的方法 添加对象的属性和方法
    //(2)每个属性和方法之间用分号结束
    console.log(obj.uname);
    console.log(obj['sex']);
    obj.sayHi();

（3）利用构造函数创建对象
前面两种方式一次只能创建一个对象，构造函数可以多个。

//new 构造函数名();
function Star(uname, age, sex) {
    this.name = uname;
    this.age = age;
    this.sex = sex;
    this.sing = function(sang) {
        console.log(sang);
    }
}
var ldh = new Star('刘德华', 18, '男');  //调用函数返回的是一个对象
console.log(ldh.name);
console.log(ldh['sex']);
ldh.sing('冰雨');
var zxy = new Star('张学友', 19, '男');
console.log(zxy.name);
console.log(zxy.age);
zxy.sing('李香兰');

//1. 构造函数名字首字母要大写
//2. 我们构造函数不需要return 就可以返回结果
//3. 我们调用构造函数 必须使用new
//4. 我们只要new Star() 调用函数就创建一个对象 ldh {}
//5. 我们的属性和方法前面必须添加this

4. 构造函数和对象

• 构造函数，如Stars()，抽象了对象的公共部分，封装到了函数里面，它泛指某一大类（class）
• 创建对象，如new Stars()，特指某一个，通过new关键字创建对象的过程我们也称为对象实例化

5. new关键字

new在执行时会

• 在内存中创建一个新的空对象。
• 让this指向这个新的对象。
• 执行构造函数里面的代码，给这个新对象添加属性和方法。
• 返回这个新对象（所以构造函数里面不需要return）。

6. 遍历对象属性

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

//遍历对象
var obj = {
        name: 'fg',
        age: 18,
        sex: '男'
    }
    //for (变量 in 对象) {}
    for (var k in obj) {
        console.log(k);  //k是变量 输出得到是属性名
        console.log(obj[k]);  //obj[k] 得到的是属性值
}

我们常用k或key当作变量