JavaScript | 对象

对象

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

对象是由属性与方法组成的

• 属性：事物的特征，在对象中用属性来表示(一般用名词)
• 方法：事物的行为，常用动词命名

创建对象

1、利用字面量创建对象

var obj = {};//创建了一个空对象
var obj = {uname:'Yuuka',age:16,sex:'女',sayHi:function(){//方法console.log('hi~');}
};

• 里面的属性或方法，我们采用键值对的形式
• 多个属性与方法用逗号隔开
• 方法冒号后面跟的是一个匿名函数

调用对象的属性：

• 对象名.属性名
• 对象名['属性名'](类似py中字典取值)

console.log(obj.uname);// Yuuka
console.log(obj['age']);// 16
obj.sayHi();// hi~

注意：在对象中定义属性时，键值对的键即使是它应该是字符串类型，也不用加引号；但是如果在调用时，如果是采用点的方式把属性点出来，也可以不用引号，如果是用key来索引的话，就要加引号

如果是引用对象的方法，采用点的方式也可以，但是要在后面加小括号

2、利用new Object创建对象

var obj = new Object();//创建一个空对象
obj.uname = 'Yuuka';
obj.age = 16;
obj.sex = '女';
obj.sayHi = function(){console.log('hi~');
};

• 先创建空对象
• 用对象点的方式创建并给属性赋值、写方法；
• 调用与前面的一样

3、利用构造函数来创建对象

前面两种的方法一次只能创建一个对象，这些对象的属性与方法相同，所以可以用函数的方法来重复这些代码，这个函数就叫构造函数，因为这个函数封装的是对象。

构造函数：把对象里面一些相同的属性和方法抽象出来，封装到函数里面

语法格式：

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

演示：我们要创建四个人的对象，他们有相同属性和方法：名字、年龄、性别；唱歌

function Student(uname,age,sex){this.name = uname;this.age = age;this.sex = sex;this.sing = function(song){console.log(song);}
}
var Yuuka = new Student('Yuuka',16,'女');
console.log(Yuuka.name);// Yuuka
console.log(Yuuka['age']);// 16
// 我要再创建一个，如下
var Noa = new Student('Noa',16,'女');

• 构造函数名字的首字母要大写
• 把抽象出来的属性作为参数传给构造函数
• 构造函数内，抽象出来的属性和方法要用this点来创建，把参数赋值给属性；方法就按照之前的方法(类似函数表达式)来声明和定义，不过也要用this点，方法中的参数如果需要参数，也直接写入即可
• 构造函数不用return就能返回结果，这个结果的类型是Object(对象)
• 调用构造函数时要用new来调用，参数直接传实参即可，它会通过构造函数传给创建出来的对象的属性，方法中的参数就不需要在这里传
• 调用构造函数并传入参数时，要声明一个变量来接收返回值，这个变量名可以是要创建的对象名
• 调用对象的属性时直接用对象名点出来即可，跟之前的调用方式一样
• 调用对象的方法时调用方法也和之前一样，如果有参数，可以直接传入即可。
• 如果还要创建对象，就是重复上述过程

这里就类似创建一个“父对象”，父对象定义一些属性与方法，然后孩子对象通过调用这个“父对象”，来实现继承，又通过对子对象传入的实参，来实现“多态”

构造函数与对象

• 构造函数，比如前面的(Student)，抽象了对象的公共部分，封装到函数里面，泛指某一大类
• 创建对象，比如前面的(Yuuka)，特指某一个，通过new关键字创建对象的过程，称为对象实例化

new关键字

1、new构造对象可以在内存中创建一个空对象

2、this会指向这个对象，然后把属性和方法都添加给这个对象

3、返回这个新对象(所以构造函数不用return)

遍历对象

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

for(变量 in 对象){
}

演示：

var obj = {name:'Yuuka',age:16,sex:'女',
};
for(var k in obj){console.log(obj[k]);
}
// Yuuka 16 女

• 类似py里遍历字典取value
• 遍历其实还可以遍历出方法的
• 如果遍历时输出是用k来输出，输出的是属性名，而不是值