本篇文章给大家分享的是有关深入浅析JS中构造函数的原理，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。

1.什么是构造函数：

构造函数具有两个特点可以判断是否为构造函数：

1.当函数名为首字母大写时，这个是一个可以大概判断构造函数与普通函数的一个特点，但是不是绝对正确，因为普通函数也可以是大写字母开头

2.当我们需要调用构造函数时我们需要new ,也就是产生一个实例化对象。

控制台输出：

可以看出输出的是一个对象

2.构造函数是用来做什么的：

1.当我们平时创建对象时可能会用如下创建对象的方式来创建，上代码：

2.当我们用构造函数来创建这个对象时：

这样看起来是不是要简洁的多呢，这里因为只有五个人，要是五六十个就会看出明显效果

3.构造函数的执行过程

在前面我们知道了构造函数是什么，和其作用，也通过代码来看出了构造函数的作用。那我现在我们需要知道构造函数的执行过程，因为学习一个东西我们需要学习其原理，而不是其表面

所以接下来我就来讲一讲构造函数的执行过程：

在之前我们都知道，要调用构造函数我们需要在其前面加一个new关键字，所以主要就是new在其作用，在执行new关键字后，很明显，他跟以往的函数调用就不同了，他会依次执行以下步骤：

1.new过后会产生一个空对象，作为一个返回的对象实例

2.将空对象的原型指向了构造函数的prototype属性

3.将空对象的值赋值给构造函数里面的this值

4.开始执行构造函数里的代码

4.构造函数的返回值

知道了其执行过程，显而易见，new关键字创建的实例对象为构造函数的返回值。

其实这是不对的，哈哈。

返回值需要分情况来定：

1.当函数中没有return来返回值的时候，会返回this，也就是实例化对象。就像在说2.构造函数有什么作用时说的一样

2.当函数中return中返回一个复杂类型数据的时候，构造函数会返回这个复杂类型数据，上代码：

以上就是深入浅析JS中构造函数的原理，小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注亿速云行业资讯频道。

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：[email protected]进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。

红包可用于（云服务器、高防服务器、裸金属服务器、高防IP、云数据库、CDN加速）购买和续费