function Object的创建过程

本文详细解析了JavaScript解析器在遇到function declaration 或 function expression时如何创建function object的过程,包括参数处理、原型设置、作用域链初始化等关键步骤。

function Object的创建过程

解析器在遇到function declaration或者function expression的时候,会创建一个function Object。步骤大致如下:

  1. 解析形参和函数体
  2. 创建一个native ECMAScript Object:F
  3. 设置F的[[Class]]、[[Prototype]]、[[Call]]、[[Construct]]、[[Scope]]、length属性
  4. 创建一个new Object():O
  5. 设置O的constructor属性为F
  6. 设置F的prototype属性为O

在这个创建过程里,要说明的几点是:

  1. 步骤3中F的[[Prototype]]被设置为Function.prototype
  2. 用户自定义的function,都会同时具有[[Call]]和[[Construct]]这两个internal属性
  3. 解析器会自动给每一个function Object初始化一个prototype成员。而F.prototype.constructor == F,所以,当我们没有重新定义这个F的prototype成员的时候,F的实例的constructor成员是靠谱的。因为(new F).constructor其实方位的是F.prototype.constructor,而解析器默认初始化给你的 F.prototype.constructor就是F。
  4. 关于[[scope]]和作用域链的问题,下文分解

还要提的一点是,function declaration和function expression是不一样的

function declaration:

function
 fn
()
 {}
 

function expression:

var
 a
 =
 function
 ()
 {};
 

function
 ()
 {};
 

------------------- 切割线 ----------------------

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值