先来了解一下，局部作用域和全局作用域
var numb = 5;
function test1() {
console.log(numb); // 5 局部作用域可以访问全局作用域
}
test1();
console.log(numb); //5
var numb = 5;
console.log(str) //str is not defined 全局访问不到局部作用域
function test1() {
console.log(numb);
var str='这是文字'
}
test1();
console.log(str) //str is not defined
·局部作用域会变量声明提升
var numb = 5;
function test1() {
console.log(numb); //unde 局部作用域的变量声明提升
var numb = '100';
console.log(numb); //100 //局部赋值
}
test1();
console.log(numb); //5 //全局变量
·if语句没有作用域
console.log(str); //undefined 此时提升，没有进入判断
if (true) {
var str = "文字";
}
console.log(str); //文字 console.log(str); //undefined 此时提升，没有进入判断
if (false) {
var str = "文字";
}
console.log(str); //undefined 此时提升，没有进入判断` for循环也同样
console.log(i) //undefined 定义了，没有开始循环
console.log(str)//undefined 定义了，没有开始循环
for(var i=0;i<5;i++){
var str='文字'
}
console.log(i,'--for之后')//5 循环结束赋值
console.log(str,'--for之后')//文字 循环结束赋值 var num=1;
function test(){
//此时的局部num不受到if影响，声明提升为undefined 。然后不进入if
if(false){
var num=2
}
console.log(num) //undefiend
}
test()来看一道经典的题目
function Foo(){
getName = function(){
console.log(1);
};
return this;
}
Foo.getName = function(){
console.log(2);
}
Foo.prototype.getName = function(){
console.log(3);
}
var getName = function(){
console.log(4);
}
function getName(){
console.log(5);
}
Foo.getName();//2 静态属性
getName();//4 函数变量申明提升，随后被表达式覆盖，5--4
Foo().getName();//1 调用foo()的getName()方法，同时把局部的getName()替换了window下的
getName();//1 此时访问的window，也就是上一步的局部的getName()
new Foo.getName()//2 Foo.getName-静态属性返回2 ,new 只是创建了一个实例
new Foo().getName();//3 先执行(new Foo())创建了一个实例，然后去找getName()方法，没有就去原型上找
new new Foo().getName();//3
