JS通过new创建对象内部原理分析研究

先来看一段创建对象的代码

    function foo() {
      this.age = 10; //公有属性
        color = "red"; //私有属性
    }

    foo.address = "北京"; //这种方式添加的是私有属性

    let f = new foo();
    console.log(f.age, foo.color, f.address)//10 undefined undefined

注意：
f.color和f.address为undefined，因为通过new创建对象时，是改变构造函数的公有属性（带this的）， 而color和address是属于私有属性，因此无法获取到。

内部原理

    new foo()=>{
        var obj = {};
        obj.__proto__=foo.prototype;
        foo.call(obj);
        return obj;
    }

具体步骤：

1. 先创建一个空对象obj
2. 将空对象的__proto__指向foo构造函数的prototype
3. 执行foo方法，并通过call方法，把构造函数中带this的属性和方法添加到新对象中（通过call方法，使foo函数中的this指向了obj，所以就相当于obj中有了foo函数中所有带this的属性和方法）
4. 返回创建的obj对象