函数执行上下文

引一面试题:


var foo = {n:1};
(function(foo){
	console.log(foo.n)
	foo.n = 3;
	var foo = {n:2};
	console.log(foo.n);
})(foo)
console.log(foo.n)
//输出执行结果


讲解正确答案之前 要先理解一下执行上下文



当 JavaScript 代码执行一段可执行代码(executable code)时,会创建对应的执行上下文(execution context)。


执行上下文的代码会分为两个阶段执行:进入执行上下文、代码执行


进入执行上下文,变量对象会包括:

  1. 函数的所有形参 (如果是函数上下文)
  2. 由名称和对应值组成的一个变量对象的属性被创建
  3. 没有实参,属性值设为 undefined
  4. 函数声明
  5. 由名称和对应值(函数对象(function-object))组成一个变量对象的属性被创建
  6. 如果变量对象已经存在相同名称的属性,则完全替换这个属性
  7. 变量声明
  8. 由名称和对应值(undefined)组成一个变量对象的属性被创建;
  9. 如果变量名称跟已经声明的形式参数或函数相同,则变量声明不会干扰已经存在的这类属性


代码执行

在代码执行阶段,会顺序执行代码,根据代码,修改变量对象的值


总结:


  1. 全局上下文的变量对象初始化是全局对象
  2. 函数上下文的变量对象初始化只包括 Arguments 对象
  3. 在进入执行上下文时会给变量对象添加形参、函数声明、变量声明等初始的属性值
  4. 在代码执行阶段,会再次修改变量对象的属性值


解题:


  答案:1、2、3
  /*
   考察 变量声明提升 执行上下文
   自执行函数执行的时候,var foo 声明会提升到函数顶部相当于:
   (function(foo){
       var foo;
       console.log(foo.n)//输出全局的foo
       foo.n = 3;//修改全局foo(如果变量名称跟已经声明的形式参数或函数相同,则变量声明不会干扰已存在的属性);
       foo = {n:2} //局部变量赋值
       console.log(foo.n)//输出局部变量的值
    })(foo)
    
   */ 



参考地址:https://github.com/mqyqingfeng/Blog/issues/5

确认 取消
16条评论
6666
lcddjm:@空城 66666
2018-05-03T03:20:00.748Z 回复
添加新评论
测试测试
lcddjm:@Blink 终于又一个不是本人评论了 😄
2018-04-30T03:53:48.173Z 回复
lcddjm:@Blink 开心
2018-04-30T03:54:28.891Z 回复
t:@lcddjm 测试
2018-05-04T08:29:52.335Z 回复
添加新评论
考察 变量声明提升 执行上下文 自执行函数执行的时候,var foo 声明会提升到函数顶部相当于:著作权归作者所有。 商业转载请联系作者获得授权,非商业转载请注明出处。 原文: https://www.lcddjm.com/article/5ae2bcc333eeed40d80bdd21 © www.lcddjm.com
lcddjm:@lcddjm 这是评论哈哈哈
2018-04-30T02:35:42.019Z 回复
lcddjm:@lcddjm 测试一下二级评论是否正常
2018-05-01T06:19:13.872Z 回复
添加新评论
考察 变量声明提升 执行上下文 自执行函数执行的时候,var foo 声明会提升到函数顶部相当于:著作权归作者所有。 商业转载请联系作者获得授权,非商业转载请注明出处。 原文: https://www.lcddjm.com/article/5ae2bcc333eeed40d80bdd21 © www.lcddjm.com
考察 变量声明提升 执行上下文 自执行函数执行的时候,var foo 声明会提升到函数顶部相当于:著作权归作者所有。 商业转载请联系作者获得授权,非商业转载请注明出处。 原文: https://www.lcddjm.com/article/5ae2bcc333eeed40d80bdd21 © www.lcddjm.com
考察 变量声明提升 执行上下文 自执行函数执行的时候,var foo 声明会提升到函数顶部相当于:著作权归作者所有。 商业转载请联系作者获得授权,非商业转载请注明出处。 原文: https://www.lcddjm.com/article/5ae2bcc333eeed40d80bdd21 © www.lcddjm.com
考察 变量声明提升 执行上下文 自执行函数执行的时候,var foo 声明会提升到函数顶部相当于:著作权归作者所有。 商业转载请联系作者获得授权,非商业转载请注明出处。 原文: https://www.lcddjm.com/article/5ae2bcc333eeed40d80bdd21 © www.lcddjm.com
考察 变量声明提升 执行上下文 自执行函数执行的时候,var foo 声明会提升到函数顶部相当于:著作权归作者所有。 商业转载请联系作者获得授权,非商业转载请注明出处。 原文: https://www.lcddjm.com/article/5ae2bcc333eeed40d80bdd21 © www.lcddjm.com
考察 变量声明提升 执行上下文 自执行函数执行的时候,var foo 声明会提升到函数顶部相当于:著作权归作者所有。 商业转载请联系作者获得授权,非商业转载请注明出处。 原文: https://www.lcddjm.com/article/5ae2bcc333eeed40d80bdd21 © www.lcddjm.com
  • 1
  • 2