天天看点

new关键字执行过程的简单理解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() 时,会创建一个空对象,在堆内存中开辟一块空间来存储对象实例

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

对象实例的原型指向构造函数 Fn() 的 prototype 属性

构造函数 Fn() 中的 this 关键字指向开辟的空间,this 关键字向内存空间中添加属性和方法

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

将对象实例赋值给变量 fn ,栈内存中的变量 fn 指向堆内存中开辟的空间,可以操控空间中的数据

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

继续阅读