new一个对象的过程

痛定思痛。 2021-11-09 07:24 329阅读 0赞

不用死记硬背，理解才是硬道理。只需要写个例子，然后输出看一下就清楚了

首先我们看下new Person输出什么？

![复制代码][copycode.gif]

var Person = function(name, age) {
            this.name = name;
            this.age = age;
        };
        Person.prototype.show = function() {
            console.log(this.name, this.age);
        };
        var p = new Person("bella", 10);
        console.log(p);

![复制代码][copycode.gif]

![935146-20190129122829779-230790076.png][]

有属性name, age 和 \_\_proto\_\_

\_\_proto\_\_里面有原型方法show，constructor, \_\_proto\_\_

然后我们再输出构造器Person.prototype：

![935146-20190129123443496-463372188.png][]

对比一下，发现p的\_\_proto\_\_的值就是构造函数Person的prototype的属性值。

因此new操作符创建对象可以分为以下四个步骤：

*  创建一个空对象
 *  将所创建对象的\_\_proto\_\_属性值设为构造函数的prototype的属性值
 *  执行构造函数中的代码，构造函数中的this指向该对象
 *  返回对象

因此上面的过程就可以等同于下面的过程：

![复制代码][copycode.gif]

转载于:https://www.cnblogs.com/Ironman725/p/11275691.html

[copycode.gif]: /images/20211109/4b49be6c1d3e47389815724cd18c9faa.png
[935146-20190129122829779-230790076.png]: /images/20211109/9bf0804097504c0e91b11390bebec801.png
[935146-20190129123443496-463372188.png]: /images/20211109/5fda571affa242ecb9c220542b7b0bf8.png