我玩ES6已有一段时间了,我注意到虽然用声明的变量var被按预期悬挂了…
var
console.log(typeof name); // undefined var name = "John";
…声明let或const似乎存在一些问题的变量:
let
const
console.log(typeof name); // ReferenceError let name = "John";
和
console.log(typeof name); // ReferenceError const name = "John";
这是否意味着使用let或const不声明的变量被吊起?这到底是怎么回事?是否有任何区别let,并const在此问题?
@thefourtheye的正确说法是在声明这些变量之前 无法访问 它们。但是,这要复杂得多。
是否用let或const不声明变量?这到底是怎么回事?
所有声明 (var,let,const,function,function*,class) 被“悬挂” 在JavaScript。这意味着,如果在范围内声明了名称,则在该范围内,标识符将始终引用该特定变量:
function
function*
class
x = "global"; // function scope: (function() { x; // not "global" var/let/… x; }()); // block scope (not for `var`s): { x; // not "global" let/const/… x; }
对于函数作用域和块作用域1都是如此。
之间的差var/ function/ function*声明和let/ const/ class声明是 初始化 。当在范围的顶部创建绑定时, 可以使用undefined或(生成器)函数对前者进行初始化。但是,按词法声明的变量保持 未初始化状态 。这意味着ReferenceError您尝试访问它时将引发异常。它只会得到当初始化let/ const/ class这就是所谓的(上述)之前声明进行评估,一切 时间盲区 。
undefined
ReferenceError
x = y = "global"; (function() { x; // undefined y; // Reference error: y is not defined var x = "local"; let y = "local"; }());
请注意,一条let y;语句使用undefinedlike进行了初始化let y = undefined;。
let y;
let y = undefined;
该 时间 盲区不是语法的位置,而是 时间 的变量(范围)的创建和初始化之间。只要未执行该代码(例如,函数体或简单的死代码),就可以在声明上方的代码中引用该变量不是一个错误,并且如果在初始化之前访问变量,即使访问该变量,也会引发异常。代码位于声明下方(例如,在过早调用的提升函数声明中)。
是否有任何区别let,并const在此问题?
不,就吊装而言,它们的作用相同。它们之间的唯一区别是,const蚂蚁必须是并且只能在声明的初始化程序部分中分配(const one = 1;,const one;以及以后的重新分配one = 2都无效)。
const one = 1;
const one;
one = 2
1:当然,var声明仍然仅在功能级别上起作用