#JavaScript

======================================================

1. 提升概念

类型	概念	说明
变量提升	变量提升	JavaScript 中比较"奇怪"的现象，它允许在变量声明之前即被访问（仅存在于var声明变量）
函数提升	函数提升	与变量提升比较类似，是指函数在声明之前即可被调用

======================================================

2. 变量提升注意事项

注意事项	说明
未声明变量	变量在未声明即被访问时会报语法错误
var 声明	变量在var声明之前被访问，变量的值为undefined
let/const	let/const声明的变量不存在变量提升
作用域	变量提升出现在相同作用域当中
开发建议	实际开发中推荐先声明再访问变量

======================================================

3. 提升示例

3.1 变量提升示例

// 访问变量 str
console.log(str + 'world!') // undefinedworld!

// 声明变量
var str = 'hello '

3.2 函数声明提升示例

// 调用函数
foo() // 输出: 声明之前即被调用...

// 声明函数
function foo() {
  console.log('声明之前即被调用...')
}

3.3 函数表达式不提升示例

// 调用函数
bar() // 错误: bar is not a function

// 声明函数表达式
var bar = function () {
  console.log('函数表达式不存在提升现象...')
}

======================================================