当前位置:主页 > javascript教程 > 基于js的变量提升和函数提升(详解)

js的变量提升和函数提升知识点总结

发布:2019-10-04 09:54:56 182


为网友们分享了相关的编程文章,网友寿湉湉根据主题投稿了本篇教程内容,涉及到js、变量提升、函数提升、基于js的变量提升和函数提升(详解)相关内容,已被288网友关注,相关难点技巧可以阅读下方的电子资料。

基于js的变量提升和函数提升(详解)

一、变量提升

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

上个简历的例子如:

console.log(global); // undefined
var global = 'global';
console.log(global); // global

function fn () {
console.log(a); // undefined
var a = 'aaa';
console.log(a); // aaa
}
fn();

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

var global; // 变量提升,全局作用域范围内,此时只是声明,并没有赋值
console.log(global); // undefined
global = 'global'; // 此时才赋值
console.log(global); // 打印出global

function fn () {
var a; // 变量提升,函数作用域范围内
console.log(a);
a = 'aaa';
console.log(a);
}
fn();

二、函数提升

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

console.log(f1); // function f1() {}  
console.log(f2); // undefined 
function f1() {}
var f2 = function() {}

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

function f1() {} // 函数提升,整个代码块提升到文件的最开始<br>console.log(f1);  
console.log(f2);  
var f2 = function() {}

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

console.log(f1()); 
console.log(f2);  
function f1() {console.log('aa')}
var f2 = function() {}
(function() {
console.log(a);
a = 'aaa';
var a = 'bbb';
console.log(a);
})();

以上这篇基于js的变量提升和函数提升(详解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持码农之家。


参考资料

相关文章

  • Vue 2.0 服务端渲染入门详解

    发布:2019-12-24

    本篇文章主要介绍了Vue 2.0 服务端渲染入门,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧


  • JS中Number(),parseInt(),parseFloat()用法比较

    发布:2020-07-30

    这篇文章主要介绍了JS中Number(),parseInt(),parseFloat()三者比较,需要的朋友可以参考下


  • python3 实现的对象与json相互转换的方法及代码

    发布:2020-02-16

    这篇文章主要介绍了python3 实现的对象与json相互转换操作,结合实例形式分析了Python3使用json模块针对json格式数据转换操作的相关实现技巧,需要的朋友可以参考下


  • JS中的算法与数据结构之字典(Dictionary)示例效果

    发布:2020-01-26

    这篇文章主要介绍了JS中的算法与数据结构之字典(Dictionary),结合实例形式详细分析了javascript数据结构中字典的概念、原理、定义与常见使用方法,需要的朋友可以参考下


  • 利用NPM淘宝的node.js镜像加速nvm方法

    发布:2020-04-15

    这篇文章主要介绍了利用NPM淘宝的node.js镜像加速nvm的相关资料,文中介绍的非常详细,相信对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。


  • JS布尔对象的toString() valueOf()使用用法

    发布:2020-02-03

    这篇文章主要介绍了JS的布尔对象的toString()方法和valueOf()方法,是JavaScript入门学习中的基础知识,需要的朋友可以参考下


  • JavaScript实现计数器基础方法

    JavaScript实现计数器基础方法

    发布:2022-06-17

    给大家整理了关于JavaScript的教程,这篇文章主要为大家详细介绍了JavaScript实现计数器的基础方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下


  • JS实现两周内自动登录功能

    发布:2022-11-03

    给网友朋友们带来一篇关于javascript的教程,这篇文章主要为大家详细介绍了JS实现两周内自动登录功能的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下


网友讨论