JAVASCRIPT 基础

MDN 中说明

Only declarations are hoisted

所以看看下面的代码

1 2	console.info(a) //undefined var a = 1

1
2
3

a = 2
console.info(a) //2
var a

我们来拆解一下
第一种写法等同于

1
2
3

console.info(a)
var a
a = 1

根据变量提升的规则

1
2
3

var a
console.info(a)
a = 1

所以，打印出 undefined 也就通俗易懂了

第二种写法根据变量提升的原则

1
2
3

var a
a = 2
console.info(a)

所以也就打印出 2

变量提升的规则同样适用于方法声明

myFunc() // Error, myFunc is not a function!
var myFunc = function(){
  console.info('my function')
}

helloWorld() //Hello World!
function helloWorld(){
  console.info('Hello World!')
}

function goodMorning(){
  console.info('Good Morning!')
}
goodMorning() // Good Morning!

有时候变量提升会让我们困惑，则可以使用 ES6 新引入的let或者const关键字来声明变量，let和const声明的变量不存在提升

1
2
3

tmp = 2 // ReferenceError: can't access lexical declaration `tmp' before initialization
console.info(tmp)
let tmp

SELF