Javascript中带参数的构造函数的执行过程

 之前有同学问我,js中构造函数是怎么执行的顺序是什么,所以在这里我就仔细的描述一下带参数的构造函数的执行过程

 在这里,我介绍一种最靠谱的方法,来亲眼见证构造函数的执行过程

1.先简单编写一个构造函数的例子

2.打开chrome,用f12或者ctrl+shift+i的快捷键打开开发工具

3.首先判断该段小程序从哪里开始执行,因为用var声明的变量有提前声明的特点,所以,在var p 那里设置断点

4.重新加载界面,就可以在source里面点击向下的箭头,在watch里面监听p 和Person的情况了

Javascript中带参数的构造函数的执行过程

Javascript中带参数的构造函数的执行过程

我这里总结一下:

js中带参构造函数的执行过程:

1.先new一个实例

2.将实参传递给形参

3.用this动态的往构造函数中添加属性和属性值

4.将new的实例赋值给变量