了解javascript中变量及函数的提升
javascript中变量以及函数的提升，在我们平时的项目中其实还是挺常用的，尤其是大型项目中，不知不觉就会顺手添加一些变量，而有时候自己的不小心就会酿成一些不必要错误，趁有时间整理一下自己对于js中变量及函数提升的理解。
首先，看一个题目：
console.log(a); // undefined
var a = 1;
console.log(a); // 1
console.log(b());
function b(){return 2;} // 2
console.log(c) //报错
let c = 4;
console.log(d()) // 报错
var d = function(){return 3;} // 报错
(function(){
var m = n = 1;
})()
console.log(m) //报错
console.log(n) // 1
上面的实例对于javascript变量及函数提升的可谓是淋漓尽致...
一、javascript 变量的提升
-函数及变量的声明都将被提升到函数的最顶部
-变量可以在使用后声明，也就是变量可以先使用再声明
敲黑板，划重点，是变量的声明，声明，声明，当变量或函数已经初始化之后，就不会提升到函数的最顶部。这里上面的变量a已经初始化了，所以第一个console取不到变量a得值，为undefined；
注意：变量的提升只会提升到当前作用域下
二、javascript函数的提升
而函数b仅仅是先声明了一个函数方法，函数c是函数表达式无法提升，所以在严格模式下b=2；d报错
对于m,n，这里就涉及到javascript作用域的问题
首先，var m = n = 1的执行顺序是什么？并不是我们大多数人心中所想的连续赋值，javascript的赋值是从右向左的，而是 n=1;var m = n;很好，一目了然，在函数作用域内的变量m=n，n是全局变量，最后严格模式下输出结果，n=1，m报错；
三、关于es6两个关键字——let和const
let 声明的变量只在 let 命令所在的代码块内有效，不存在变量的提升
const 声明一个只读的常量，一旦声明，常量的值就不能改变。一旦声明必须初始化，否则就会报错
来个对比很明显的栗子（完美的体现出let命令只在代码块内有效的意思）：
{
let test = 2;
var web = 'font';
}
console.log(test); // 报错
console.log(web); // font
再次回到上面的题目，c就是报错的
ES6 明确规定，代码块内如果存在 let 或者 const，代码块会对这些命令声明的变量从块的开始就形成一个封闭作用域。代码块内，在声明变量 PI 之前使用它会报错。
var PI = "a";
if(true){
console.log(PI); // 报错，即使函数外面全局声明了PI，但在代码块内还是会报错
const PI = "3.1415926";
}
以上，就是关于javascript中变量提升的理解。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家详细介绍了nodejs服务搭建教程，访问本地站点文件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-04-04
这篇文章主要介绍了Node.js API详解之 repl模块用法,结合实例形式分析了Node.js API中repl模块基本功能、函数、使用方法及操作注意事项,需要的朋友可以参考下2020-05-05
这篇文章主要给大家介绍了关于从Node.js事件触发器到Vue自定义事件的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2020-06-06
简单的说Node.js就是运行在服务端的JavaScript。Node.js是一个基于Chrome JavaScript运行时建立的一个平台。Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好2021-06-06
这篇文章主要给大家总结了npm国内镜像npm安装失败的几种解决方案，文中介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下来一起看看吧。2017-06-06
socket.io与pm2（cluster）集群搭配的解决方案
这篇文章主要给大家介绍了关于socket.io与pm2（cluster）集群搭配的解决方案，文中介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面跟着小编一起来看看吧。2017-06-06
这篇文章主要介绍了npm的lock机制解析，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-06-06
这篇文章主要介绍了使用Typescript和ES模块发布Node模块的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-05-05
这篇文章主要介绍了nodejs实现的连接MySQL数据库功能,结合实例形式分析了nodejs连接及查询mysql数据的相关操作步骤与实现技巧,需要的朋友可以参考下2018-01-01
本篇文章主要介绍了NodeJs使用Mysql模块实现事务处理 ，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-05-05
最新评论