es5的scope和变量提升

前言

最近在学习es6，看到es6的作用域、新增的let和const声明命令和es5有了很大的不同，所以想着总结下es5的作用域和变量提升。

1、作用域

es5是没有块级作用域的，当你在函数外声明一个变量，那么你在代码任何地方都能访问到，这个变量也被称为全局变量，拥有全局作用域；当你在一个函数内部声明变量的话，那么就只能在函数内部访问，这个变量被称为局部变量。

//es5没有块级作用域，所以声明赋值的num是全局的 if (true) { var num = 5; } console.log(num); // 5 //只有在函数内部声明变量才能称为局部变量，不能被全局访问到 function test() { var num2 = 5; } console.log(num2); //Uncaught ReferenceError: num2 is not defined

2、var变量提升

var声明的变量提升，赋值不提升。也就是说，用var命令声明赋值的语句，声明会被提升到当前作用域顶部，赋值却不提升。

//var num被提升到顶部，赋值不提升，所以就算是不执行，也不会报错，只是打印undefined if (false) { var num = 5; } console.log(num); // undefined //var num2被提升到顶部，num2=3没有提升，所以num2===undefined console.log(num2 === undefined); //true var num2 = 3; //声明var num3提升到函数顶部，全部变量num3被覆盖，而函数内部赋值不提升，所以打印undefined var num3 = "my value"; (function() { console.log(num3); // undefined var num3 = "local value"; })(); //不要被迷惑了，想着这里也是undefined，其实函数内部只有赋值语句，而赋值不提升，所以打印的是全局的变量 var num4 ='变量值'; (function(){ console.log(num4);// 变量值 num4 ='内部变量值'; })();

3、function函数提升

这里如果函数是声明式方法创建，则整体提升；如果是表达式方法创建则跟var提升规则相同。

//如果函数声明方法创建函数，则函数整体提升到顶部 var temp = fun; console.log(temp); //function fun() {console.log("dd");} function fun() { console.log("dd"); } //如果函数表达式创建函数，则跟var变量提升相同的规则 var tempTwo = funTwo; console.log(tempTwo); //undefined var funTwo = function () { console.log("dd"); }; //这个举个不太合适例子(同名)为了说明function和var变量谁在更顶部，事实证明function提升的位置在var之前，就算两者交换位置也是一样 console.log(test); //function test() {console.log('dd');} function test() { console.log('dd'); } var test = 'dd';