[已解决]今天看书 关于JS 的ES6 的块级别作用域

chenlunyong1213

今天看书 关于JS 的ES6 的块级别作用域
理解了let 的作用 但是对于资料里面的案例不太理解

----------------------------问题分水岭----------------------------------------------------------------------------------
求大神解释下为什么下面的 函数 f（）先显示的是 underfined
很奇怪

                        var tmp = new Date();
                        function f() {
                          console.log(tmp); //undefined
                          if (false) {
                            var tmp = 'hello world';
                          }
                        }                        
                        alert(f())  //undefined
                </script>

---------------------------------------------------------问题结束分水岭---------------------------------------------------------------------------------------------------
谢谢
鲜花
献上鲜花

最佳答案

月排行榜 / 总排行榜

rgxac

2019-7-10 10:11:50

AO指的是Active Object活动对象，是由VO变量对象转换而来的，可以理解为是同一个对象
而转换过程则代表函数从创建阶段到执行阶段，活动对象从不可访问到可以访问（也就是变量对象）
GO就是全局对象

变量对象创建于函数建立时
第一步：建立arguments对象，把函数得到的形参放入并确定length值

AO{
    arguments{
        形参：形参值
        length：num
    }
}

}

第二步：函数提升，以函数名建立一个属性
，属性值为函数的地址，若遇到重复的声明，则覆盖掉之前的地址

AO{
    arguments:{
        形参：形参值
    },
    foo:地址,
    fun:地址,
}

第三步，变量提升，以变量名为属性名，并赋值为undefined，若之前已经存在同名属性名，不论是函数还是变量，则会忽略，原属性值不改变

AO{
    arguments:{
        形参：形参值
    },
    foo:foo,
    fun:fun
    a:undefined,
    b:undefined
}

跳转到最佳答案楼层

chenlunyong1213

自己给自己顶一下
就是看了下面这个解释 越看越懵逼的
C:\Users\CW-1510344\Desktop\看不懂的解释.png

不二如是

1、第一个 console 由于全局 tmp 变量没有具体值，所以输出 undefined

2、if 语句这么写没有什么意义，函数也没有返回值，所以输出也是 undefined

chenlunyong1213

不二如是 发表于 2019-7-8 07:41
1、第一个 console 由于全局 tmp 变量没有具体值，所以输出 undefined

2、if 语句这么写没有什么意义， ...

                        var tmp = new Date(); //此处不是定义了tmp了吗？？
                        function f() {
                          console.log(tmp); //undefined
                          if (false) {
                            var tmp = 'hello world';
                          }
                        }                        
                        alert(f())  //undefined
                </script>

但是前面的第一句不是定义了吗？
只能在一个块里面定义 吗？

sukiwhip

不二如是 发表于 2019-7-8 07:41
1、第一个 console 由于全局 tmp 变量没有具体值，所以输出 undefined

2、if 语句这么写没有什么意义， ...

他的 if 是有意义的，因为它在 if 里面 var 了 tmp，所以函数里面的 tmp 是 AO，GO 的 tmp 是一个 Date 对象，也因为 js 执行的时候预编译变量，所以 AO 的 tmp 是 undefined

sukiwhip

                        var tmp = new Date(); //此处不是定义了tmp了吗？？
                        function f() {
                          console.log(tmp); 
                          if (false) {
                            let tmp = 'hello world';
                          }
                        }                        
                        alert(f())  //undefined

改个玩法 console.log，就有输出了

chenlunyong1213

sukiwhip 发表于 2019-7-10 00:46
他的 if 是有意义的，因为它在 if 里面 var 了 tmp，所以函数里面的 tmp 是 AO，GO 的 tmp 是一个 Date ...

弱弱的问下大神
这里的A0和G0 是什么？

rgxac

AO指的是Active Object活动对象，是由VO变量对象转换而来的，可以理解为是同一个对象
而转换过程则代表函数从创建阶段到执行阶段，活动对象从不可访问到可以访问（也就是变量对象）
GO就是全局对象

变量对象创建于函数建立时
第一步：建立arguments对象，把函数得到的形参放入并确定length值

AO{
    arguments{
        形参：形参值
        length：num
    }
}

}

第二步：函数提升，以函数名建立一个属性
，属性值为函数的地址，若遇到重复的声明，则覆盖掉之前的地址

AO{
    arguments:{
        形参：形参值
    },
    foo:地址,
    fun:地址,
}

第三步，变量提升，以变量名为属性名，并赋值为undefined，若之前已经存在同名属性名，不论是函数还是变量，则会忽略，原属性值不改变

AO{
    arguments:{
        形参：形参值
    },
    foo:foo,
    fun:fun
    a:undefined,
    b:undefined
}