js的变量提升和函数提升

一、变量提升

在ES6之前,JavaScript没有块级作用域(一对花括号{}即为一个块级作用域),只有全局作用域和函数作用域。变量提升即将变量声明提升到它所在作用域的最开始的部分。上个简历的例子如:

console.log(global);// undefined

varglobal ='global';

console.log(global);// global

functionfn () {

console.log(a);// undefined

vara ='aaa';

console.log(a);// aaa

}

fn();

之所以会是以上的打印结果,是由于js的变量提升,实际上上面的代码是按照以下来执行的:

varglobal;// 变量提升,全局作用域范围内,此时只是声明,并没有赋值

console.log(global);// undefined

global ='global';// 此时才赋值

console.log(global);// 打印出global

functionfn () {

vara;// 变量提升,函数作用域范围内

console.log(a);

a ='aaa';

console.log(a);

}

fn();

二、函数提升

js中创建函数有两种方式:函数声明式和函数字面量式。只有函数声明才存在函数提升!如:


console.log(f1);// function f1() {}

console.log(f2);// undefined

functionf1() {}

varf2 =function() {}

只所以会有以上的打印结果,是由于js中的函数提升导致代码实际上是按照以下来执行的:


functionf1() {}// 函数提升,整个代码块提升到文件的最开始
     console.log(f1);

console.log(f2);

varf2 =function() {}

结语:基本上就是这样,要熟练掌握的话可以多做些练习,test:


console.log(f1());

console.log(f2);

functionf1() {console.log('aa')}

varf2 =function() {}


(function() {

console.log(a);

a ='aaa';

vara ='bbb';

console.log(a);

})();

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容