new关键字执行过程的简单理解

new关键字执行过程的简单理解

demo：

//定义构造函数Fn
function Fn(a, b) {
    
    
    this.a = a;
    this.b = b;
    this.add = function() {
    
    
        console.log(a + b);
    }
}

//通过关键字new创建对象
var fn = new Fn(1, 2)
fn.add()  //3

new关键字执行过程：

当 new Fn() 时，会创建一个空对象，在堆内存中开辟一块空间来存储对象实例

对象实例的原型指向构造函数 Fn() 的 prototype 属性
构造函数 Fn() 中的 this 关键字指向开辟的空间，this 关键字向内存空间中添加属性和方法
将对象实例赋值给变量 fn ，栈内存中的变量 fn 指向堆内存中开辟的空间，可以操控空间中的数据