了解javascript中变量及函数的提升

网络编程 2024/12/29 佚名

3 1 2

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中变量提升的理解。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

javascript变量提升,javascript函数提升

华山资源网 Design By www.eoogi.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

华山资源网 Design By www.eoogi.com

评论“了解javascript中变量及函数的提升”

暂无评论...

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒经典版》的玩家都可以获得奖励。

更新日志

2024年12月29日

了解javascript中变量及函数的提升

vue项目前端错误收集之sentry教程详解

基于vue实现一个禅道主页拖拽效果

评论“了解javascript中变量及函数的提升”

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

更新日志

友情链接