在 let 的块作用域中无法重复声明,也无法在声明语句之前使用(没有变量提升)。简而言之,在 let 语句出现之前,都是无法使用该变量的。

发布时间 2023-11-16 10:59:08作者: 龙陌

以下代码执行时不会在控制台输出错误信息的是:

A
let a = decodeURIComponent('%');

B
var a;
a();
function a() {
console.log(a);
}

C
Promise.reject(123).finally(a => {
console.log(a);
});

D
var a = 1;
let a = 2;
console.log(a);

正确答案:B

● 首先, js有变量提升和函数提升,指的是用 var声明变量 或用 function 函数名(){ } 声明的,会在 js预解析 阶段提升到顶端;(es6的let 和 const 不会提升)

● 其次,函数提升优先级 高于 变量提升

● 注意, 相同作用域时声明变量而不赋值则还是以前的值, 而子作用域声明不赋值则函数内该值为undefined,因为声明了私有变量

让我们看看下面的代码

console.log(foo); 
var foo = 1  //变量提升
console.log(foo)
foo()
function foo(){ //函数提升
   console.log('函数')
}

等价于

function foo(){ //提到顶端
   console.log('函数')
}
var foo  
      
console.log(foo) //输出foo这个函数,因为上面foo没有被赋值,foo还是原来的值 
foo = 1;  //赋值不会提升,赋值后 foo就不再是函数类型了,而是number类型
console.log(foo) //输出1
foo() //这里会报错,因为foo不是函数了

A 选项主要是 URI 编码,主要是对特殊字符进行转义,具体规则可以查阅相关资料。

其实可以简单理解成转义,类似于在字符串中输出\需要写成\一样,%在这里就是一个转义字符。只有转义字符的开头却没有要被转义的东西,肯定是会报错的。
"URIError: malformed URI sequence"

B 选项主要是变量提升,并且函数优先于变量进行提升。其他人已经说得很好了。

C 选项需要 catch 被 reject 的 Promise,才能不抛出错误。这里的错误类似于执行了一个会抛出异常的操作,但却没有捕获。这是一种可以正常运行的写法:

Promise
.reject(123)
.catch(err => console.log(err))
.finally(a => console.log(a));

D 选项因为 let 的 TDZ(“暂时性死区”),在 let 的块作用域中无法重复声明,也无法在声明语句之前使用(没有变量提升)。简而言之,在 let 语句出现之前,都是无法使用该变量的。

补充一点。这种情况下是可以正常运行的:

var a = 1;
{
let a = 2;
}
console.log(a);