前端值得一探究竟特辑 ---普通函数运行与构造函数运行(new背后的故事)

普通函数执行

复习下普通函数执行发生了什么:

  1. 开辟一个栈内存,形成私有作用域。
  2. 形参赋值。
  3. 变量提升。
  4. 代码执行。
  5. 栈内存释放。

构造函数执行

当我们用new运算符new一个构造函数产生一个实例时,比如说: var obj = new Func 时,其背后的步骤是这样的:

  1. 像普通函数一样开辟栈内存,形成一个私有作用域。
  2. 形参赋值,变量提升。都是私有变量。
  3. 【构造函数执行独有的默认运行机制】,在代码自上而下执行之前,首先在当前私有栈中创建一个对象(这是一个堆内存,暂时不存储任何东西),让函数中的this指向这个新的堆内存。也就是为什么实例是相互独立的
  4. 代码执行。
  5. 【构造函数执行独有的默认运行机制】,不写return,代码执行完成,把之前创建的堆内存地址(this)返回。如果写了return,且返回的是基本值,则返回结果任然是类的实例;如果返回的是引用值,则会把默认的实例覆盖。

1. 构造函数声明

function Fn(name, age) {
	var n = 10;
	this.name = name;
	this.age = age + n;
}

在这里插入图片描述
2. 构造函数执行

var f = new Fn('xxx', 20);

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值