[b]一、变量声明提升[/b]
hoisting 英[‘hɔɪstɪŋ] 美[‘hɔɪstɪŋ]
n. 起重，提升
v. 把…吊起，升起( hoist的现在分词 )
[b]先来看一个栗子[/b]
var cc = 'hello';
function foo(){
console.log(cc);
var cc = 'world';
console.log(cc);
}
foo();
console.log(cc);
这里将会输出 [code]undefined[/code]、[code]'world' [/code]、[code]'hello'[/code]
[b]此处主要有两个知识点：[/b]
1、作用域
2、变量声明提升
JavaScript是一门解释性语言，当代码在解释器（如Chrome的V8引擎）环境中执行时，会有一个预解析的过程，此时会将变量声明和函数声明提升至当前作用域的最前方，这个行为被称为声明提升（Hoisting）
再来看上面的例子，此代码有两层作用域，全局作用域和函数[code]foo[/code]作用域，而[code]foo[/code]中的变量声明在预解析的过程中会被提升至函数作用域的前方，于是代码就会变成这样：
var cc = 'hello';
function foo(){
var cc;
console.log(cc);
cc = 'world';
console.log(cc);
}
foo();
console.log(cc);
当执行到第一个log时，变量cc只是进行了声明，并未赋值，所以打印出的是[code]undefined[/code]
[b]二、 函数声明提升[/b]
函数的声明有两种方式：函数声明和函数表达式
// 函数声明
function foo(a, b) {
return a + b;
}
// 函数表达式
var foo = function(a, b) {
return a + b;
}
解析器在向执行环境中加载数据时，对函数声明和函数表达式并非一视同仁。解析器会率先读取函数声明，并使其在执行任何代码之前可用（可以访问）；至于函数表达式，则必须等到解析器执行到它所在的代码行，才会真正被解释执行。
当然，也可以函数声明和函数表达式同时使用,如[code]var a = function b(){} [/code],其结果是只具有函数表达式的作用，b会被自动忽略，所以只会发生变量提升效果。
[b]总结[/b]
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流。
机械节能产品生产企业官网模板...
大气智能家居家具装修装饰类企业通用网站模板...
礼品公司网站模板
宽屏简约大气婚纱摄影影楼模板...
蓝白WAP手机综合医院类整站源码（独立后台）...