接下来啊，函数声明比 var 声明geng厉害！比如这样：

foo; // 输出 "Hello"
function foo {
  console.log;
}

直接调用没问题对吧？但是函数表达式就不行啦：

bar; // 报错！
var bar = function {
  console.log;
};

. 唉,说起来真是绕口令...其实 JS 引擎在运行代码前会先编译,把所有声明dou搞到Zui上面去了..但是呢,赋值操作不会!所以:

// 实际执行顺序类似于:
function foo { console.log; }
var bar;
foo;
bar; // 报错!因为 bar 是 undefined
bar = function { console.log; };

. 哈哈,到了 ES6 ,新加了 let 和 const .它们跟 var 不一样哦!虽然它们也会提升,但属于 TDZ,访问就会报错:

console.log; // ReferenceError
let baz = 'qux';

. 说实话,我个人建议尽量用 let 和 const ,少用 var .因为 var 的行为太诡异了!

. 再来说说作用域.全局作用域、函数作用域还有块级作用域各有特点:

全局作用域:所有脚本共享,污染全局环境.

函数作用域:{}); IIFE立即执行函数表达式可创建私有空间.

块级作用域:{let a=1;}外面访问不到a.

html if { var x = "local"; } console.log; // "local" 全局可访问!

html if { let y = "block"; } console.log; // ReferenceError! 拒绝污染!

// ES5版本： for{...} // i仍然存在!

// ES6版本： for{...} // j消失了!

// 注意闭包问题! for{ setTimeout{console.log},1); } // 全部输出5!

for{ setTimeout{console.log},1); } // 按顺序输出0-4.

// 淦!还Neng这样玩? let n; { n='inside'; } n=='inside'; // true

{ let o='inside'; } o=='inside'; // false

// TDZ陷阱: typeof a===undefined?false:true; // Uncaught ReferenceError

typeof b===undefined?true:false; // true

html // 想不到吧? try{ typeof c===undefined; }finally{ if{ alert; } } // Uncaught ReferenceError...

/* 对比下面两段代码 */ function f{ return g; function g{}; } f;

// function f{ // return h; // var h=function{}; // } // f;

markdown

var: 函数作用域+提升+初始化undefined

let: 块级作用域+TDZ安全机制

const: 同上但不可修改

Zui佳实践 ✔️: 谨慎使用全局变量 ✔️: 减少IIFE使用 ✔️: 默认优先选择const->let->var顺序定义

function main{ /* 模拟实际项目代码 */

/* ... */

/* 注意避免 */ for{ doSomething; }

/* 改为 */ for{ doSomething; } }

main; 记住: 编译阶段决定一切!