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

163 阅读1分钟

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 指向堆内存中开辟的空间,可以操控空间中的数据 在这里插入图片描述