写在前面
今天做了变量提升的题目,发现自己还是一知半解的状态,以后搞清楚一个技术点就写下来记录一下,尽管自己可能也不知道怎么表达的会让大家看的懂,就先慢慢的一步步前进吧,写多了总比不写好呀。
粗略讲解
1:你认为运行 getClothing(false) 后的输出是什么?
function getClothing(isCold) {
if (isCold) {
var freezing = 'Grab a jacket!';
} else {
var hot = 'It's a shorts kind of day.';
console.log(freezing);
}
}
A. ReferenceError:freezing is not defined
B. Grab a jacket!
C. undefined
D. It’s a shorts kind of day.
答案:C
我在粗略了解变量提升后还是选错成了Grab a jacket!实际输出的是undefined,不过应该有些人也会误打误撞选对是undefined。
为什么呢?js在运行前会先编译,编译后再运行程序的。而上面这段在编译后就变成了
function getClothing(isCold) {
var freezing, hot;
if (isCold) {
freezing = 'Grab a jacket!';
} else {
hot = 'It's a shorts kind of day.';
console.log(freezing);
}
}
使用var声明变量就会遇到这个问题,变量会在作用域内进行提升,es6新的变量声明已经解决了这个问题,所以能用es6的地方就不要用var了,至少能避免这个问题。
2. 你认为运行 getClothing(false) 后的输出是什么?
function getClothing(isCold) {
if (isCold) {
const freezing = 'Grab a jacket!';
} else {
const hot = 'It's a shorts kind of day.';
console.log(freezing);
}
}
A. ReferenceError: freezing is not defined
B. Grab a jacket!
C. undefined
D. It’s a shorts kind of day.
答案:A
这段代码编译器编译了也是不会变化的,没有了变量提升的问题,直接执行else代码块中的代码,所以不存在freezing这个变量,连声明都没有声明的变量就会报A的错误啦,如果是声明了变量而没有赋值的情况,报错就是C这种情况。
写在后面
总的来说,如果支持es6的情况下,var已经没有必要使用了。