文章目录1，什么是构造函数2，为什么要使用构造函数？ 3、执行构造函数步骤4、构造函数返回值5构造函数的首字母必须大写吗？ 如果不使用new关键字直接运行构造函数，会出现错误吗？ 如果不会出现错误，那么使用new和不使用new调用构造函数有什么不同呢？

作为原型和原型链的基础，为了更好地了解原型和原型链的知识，必须了解构造函数及其运行过程。

1、构造函数为JavaScript，用new关键字调用的函数是什么？ 被称为构造函数。 构造函数的首字母通常是大写的

2、为什么要用构造函数？ 要学习所有的概念，不仅要知道它是什么，还要知道为什么，以及解决什么问题。

例如，如果要输入一年级班每个同学的个人信息，可以创建以下对象：

name: 'zl '，age: 6，gender: '男'，hobby: 'football' }； //如上所述，我们可以把每个同学的信息作为一个对象来对待。 但是，你会发现我们重复写了很多没有意义的代码。 例如，name、age、gender和hobby。 如果这个班有60个学生，我们必须重复写60次。

此时，构造函数的优势显现出来。 我们发现所有同学都有name、gender、hobby这些属性，但它们都不一样。 那么，将这些属性作为构造函数的参数传递。 因为是一年级学生，age几乎都6岁了，所以我们写死了，特殊情况后单独处理就可以了。 此时，可以创建以下函数：

因此，封装构造函数的过程很麻烦，但一旦封装成功，重新创建对象就变得非常简单。 因此，必须使用构造函数。

使用对象文字创建同一类型的一系列对象时，这些对象可能具有一些类似的特征(属性)和行为(方法)。 在这种情况下，会生成很多重复代码，但构造函数允许代码重用。

3、构造函数的执行过程先说一点基本概念。

功能动画(color ) { this.color=color； }创建函数后，不知道它是否是构造函数。 如上例所示，即使函数名称为大写，也无法确定。 只有在用new关键字调用函数时，才可以说它是构造函数。 如下所示。

)1)使用new关键字调用时，将创建新的内存空间并将其标记为Animal的实例。

)2)函数主体内部的this指的是这个内存

通过以上两个步骤，我们可以得出这样的结论。

(3)执行函数体内的代码

根据以上说明，向this添加属性是指

由于函数体内部的this指向新创建的内存空间，默认返回 this ，就相当于默认返回了该内存空间，也就是上图中的 #f1。此时，#f1的内存空间被变量p1所接受。也就是说 p1 这个变量，保存的内存地址就是 #f1，同时被标记为 Person 的实例。

以上就是构造函数的整个执行过程。

构造函数执行过程的最后一步是默认返回 this 。言外之意，构造函数的返回值还有其它情况。下面我们就来聊聊关于构造函数返回值的问题。

(1) 没有手动添加返回值，默认返回 this

按照上面讲的，我们复习一遍。首先，当用 new 关键字调用时，产生一个新的内存空间 #f11，并标记为 Person1 的实例；接着，函数体内部的 this 指向该内存空间 #f11；执行函数体内部的代码；由于函数体内部的this 指向该内存空间，而该内存空间又被变量 p1 所接收，所以 p1 中就会有一个 name 属性，属性值为 ‘zhangsan’。

(2) 手动添加一个基本数据类型的返回值，最终还是返回 this

如果上面是一个普通函数的调用，那么返回值就是 50。

(3) 手动添加一个复杂数据类型(对象)的返回值，最终返回该对象

用new调用构造函数，函数内部会发生如下变化：

创建一个this变量，该变量指向一个空对象。并且该对象继承函数的原型；
属性和方法被加入到this引用的对象中；
隐式返回this对象（如果没有显性返回其他对象）
用伪程序来展示上述变化：

可以看出，用new调用构造函数，最大特点为，this对象指向构造函数生成的对象，所以，person1.say()会返回字符串： “I am 搞怪的泥猴桃”。

如果指定了返回对象，那么，this对象可能被丢失。

如果直接调用函数，那么，this对象指向window，并且，不会默认返回任何对象（除非显性声明返回值）。

还是拿Person函数为例，直接调用Person函数：

可见，直接调用构造函数的结果，并不是我们想要的。

为了防止因为忘记使用new关键字而调用构造函数，可以加一些判断条件强行调用new关键字，代码如下：