1.块变量
let 块范围的变量(和常量)没有提升。(ES6中 let和const关键字定义的变量和常量不会被提升)。
ECMAScript 6
for (let i=0;i<a.length;i++) {
let x = a[i];
...
}
for (let i=0;i<b.length;i++) {
let y = b[i];
...
}
let callbacks = [];
for (let i=0;i<=2;i++) {
callbacks[i] = function(){ rertun i*2 }
}
callbacks[0]() === 0;
callbacks[1]() === 2;
callbacks[2]() === 4;
ECMAScript 5
var i,x,y;
for (i=0; i<a.length; i++) {
x = a[i];
...
}
for (i=0; i<b.length; i++) {
y = b[i];
...
}
var callbacks = [];
for (var i = 0; i <=2; i++){
//因为变量提升的问题,立即执行才能得到上述ES6的效果
(function (i) {
callbacks[i] = function(){ return i*2; };
})(i);
}
callbacks[0]() === 0;
callbacks[1]() === 2;
callbacks[2]() === 4;
2.块函数
块函数定义
ECMAScript 6
{
function foo () { return 1}
foo() ===1
console.log(foo());
{
console.log(foo());
function foo(){return 2}
foo() ===2
console.log(foo());
}
foo() ===1
console.log(foo());
}
// 一个花括号就是一个独立的作用域,子作用域影响不到父作用域
//console.log(foo())的值依次为1 2 2 1
ECMAScript 5
//仅在ES5中借助于块范围模拟函数作用域和函数表达式
(function(){
var foo = function () {return 1};
console.log(foo());//1
foo() === 1;
(function () {
console.log(foo());//2
var foo = function() {return 2;}
console.log(foo());//3
foo() === 2;
})();
foo() === 1;
console.log(foo());//4
})()
//因为在第二个函数作用域内,在没有定义foo函数之前调用了,所以console.log(foo());//2
//会报错;去掉第二个console.log(foo()),打印出来的结果为1,2,1