chenlunyong1213 发表于 2019-7-7 16:08:02

今天看书 关于JS 的ES6 的块级别作用域

今天看书 关于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>

---------------------------------------------------------问题结束分水岭---------------------------------------------------------------------------------------------------
谢谢
鲜花
献上鲜花{:5_109:}

chenlunyong1213 发表于 2019-7-7 16:33:53

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

不二如是 发表于 2019-7-8 07:41:46

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

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

chenlunyong1213 发表于 2019-7-8 09:28:58

不二如是 发表于 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>

{:5_102:}但是前面的第一句不是定义了吗?
只能在一个块里面定义 吗?

sukiwhip 发表于 2019-7-10 00:46:18

本帖最后由 sukiwhip 于 2019-7-10 00:49 编辑

不二如是 发表于 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 发表于 2019-7-10 00:52:27

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

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

chenlunyong1213 发表于 2019-7-10 09:23:39

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

弱弱的问下大神
这里的A0和G0 是什么?
{:5_91:}

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
}
页: [1]
查看完整版本: 今天看书 关于JS 的ES6 的块级别作用域