一个关于let块级作用域的问题,safari和Chrome下表现不一致

aircloud
  • 979

如题,先上代码:

if(1===1) {
    let nameSet = new Set();

    if (1 === 2) {
        // do nothing
    }
    else {

        function getArrayFromOl() {
            console.log('nameSet:', nameSet)
        }

        getArrayFromOl()
    }
}

这段代码在 safari 11.0.3 中报错:

ReferenceError: Can't find variable: nameSet

但是在 Chrome 中却能访问到相关变量。

我认为也应该能访问到相关变量...

有没有大神可以解释下..safari下为何报错?

回复
阅读 2.2k
1 个回答
        if (1 === 1) {
            let nameSet = new Set();
            if (1 === 2) {
                // do nothing
            } else {
                console.log(nameSet)
                getArrayFromOl(nameSet)
                
                function getArrayFromOl(nameSet) {
                    console.log(nameSet)
                }
            }
        }

ps:函数声明不要写在条件语句中,拿出来

补充:
问题主要原因是chrome和safari对于函数在条件语句中声明表现不一致导致的。可以用以下代码验证

        test1() 
        if (true) {
            if (false) {

            } else {
                function test1() {
                    console.log('test') // chrome中报错,safari中打印出`test`
                }
            }
        }

而题主的问题原因是:在safarigetArrayFromOl函数相当与已经提升到最外层的if之外,而nameSet由于是let声明,所以作用域在第一个if内,所以getArrayFromOl取不到相应的值

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏