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

发布了22 篇原创文章 · 获赞 25 · 访问量 2062
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 数字20 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览