浅谈JavaScript的构造函数 new关键词执行过程 遍历对象

在我的上篇博客《JavaScript中对对象的理解》的一文中详细的讲解了什么是对象、为什么创建对象，以及对象的创建中的两种方法，而第三种方法没有讲解。今天我就来讲讲怎么利用构造函数创建对象，所以很显然构造函数的一大作用就是创建对象。那么我们前面已经有了两种创建对象的方法，为什么还需要构造函数来创建对象呢？这是因为我们前面两种创建对象的方式一次性只能创建一个对象。因为我们一次创建一个对象，里面有很多的属性和方法是大量相同的，如果我们就这样创建显示会造成代码的大量冗余。这时我们就可以利用函数的特性，把这些重复的功能的封装在函数里，又因为这个函数和以前的函数不一样，里面封装的不是普通的代码而是对象，因此我们称这个函数为构造函数。简而言之，构造函数就是把我们对象里面一些相同的属性和方法抽象出来封装在函数里面。理解了什么是构造函数以及它的作用，那么我们接下来就来看看它的具体实际操作——利用构造函数创建对象。

比如说我们要创建4个学生的对象，它们都具有相同的属性：名字、年龄、性别。以及相同的方法比如说唱歌。这时我们可以这样创建

//首先在这里说明一下构造函数的语法格式
//function 构造函数名 () {
// this.属性 = 值；
// this.方法 = function() {}
// }
// new 构造函数名(); —— 这是构造函数的调用
//下面是创建四个学生对象的实例
function students (uname,age,sex) {
this.name = uname;
this.age = age;
this.sex = sex;
this.sing = function(sang) {
console.log(Sang);
}
var lihua = new students('lihua',18,'male');
var tom = new students('tom',18,'male');
var mike = new students('mike',18,'male');
var jerry = new students('jerry',18,'male');
//我们怎么调用呢？
console.log(lihua.name) //输出为lihua
console.log(lihua['sex'] //输出为male
lihua.sing('蜜雪冰城甜蜜蜜') //输出为 蜜雪冰城甜蜜蜜

这里我们的属性和方法前面必须添加this。

构造函数泛指某一大类，它不像对象特质某一个具体的事物，类似于c++和java里面的类。从上面我们可以观察到通过new关键字创建对象的过程我们也称为对象实例化。

new关键词的执行过程：从上面创建方法的时候我们可以观察到写构造函数我们没有return，这是因为new关键词在执行的过程当中做了这四件事情1.在内存中创建一个新的空对象。2.让this指向这个新的对象。3.执行构造函数里面的代码，给这个新对象添加属性和方法。4.返回这个新对象，所以构造函数里面不需要return。

遍历对象：

这里我们使用for in 遍历对象

for(var key in students) {
console.log(key)；// 这里的key是变量，输出得到的是属性名
console.log(students[key]); //这里输出得到的是 属性值
}