我们在学习JavaScript的时候,会遇到很多this指向,变量提升,函数提升而导致的错误。
本文主要是我整理的对this指向,变量提升,函数提升的混合案例,以及我的解题思路
1.
//案例一
var a = 10;
function test() {
console.log(a);
a = 100;
console.log(this.a);
var a;
console.log(a);
console.log(this.a);
}
test();
等价为
var a
a=10
test()
function test(){
var a
console.log(a) //undefined
a=100
console.log(this.a); //10
console.log(a); //100
console.log(this.a); //10
}
这里的this代指window,var在创建变量的时候(不在函数里),会将变量绑定到window上,所以a就是window的一个属性,而这里的test()也是window的一个属性,调用test()的是window对象,所以this也就指向window,所以test里两个都是10。
2.
//案例二
var c = 100;
var c;
console.log(c);
等价为
var c
var c
c=100
console.log(c); //100
var声明的变量可以重复定义。
3.
//案例三
function test() {
c = 11;
console.log(c); //11
}
test();
console.log(c); //11
没有经过声明的变量是全局变量
4.
var a = 1;
function foo() {
console.log(a);
}
function bar() {
var a = 2;
foo();
}
bar();
可转化为
var a
a=1
function foo(){
console.log(a); //1
}
function bar() {
var a
a=2
foo()
}
bar()
这个题有些难,但是我们仔细分析,bar里a的作用域只能在bar这个函数里,而foo()是window里的函数,是window里的属性,a用的是全局变量a的值。
这些只是很少一部分this指向,变量提升的题。