关闭

一个例子,变量提升和函数提升就是这么简单!

时间: 2019-02-11阅读: 720标签: 变量

为啥要进行变量提升和函数提升?

引擎在读取js代码的过程中,分为两步。第一个步骤是整个js代码的解析读取,第二个步骤是执行。在JS代码执行之前,浏览器的解析器在遇到 var 变量名 和function 整个函数 提升到当前作用域的最前面。


记住两句话

1.变量提升只会提升变量名的声明,而不会提升变量的赋值初始化。
2.函数提升的优先级大于变量提升的优先级,即函数提升在变量提升之上。

记住这两句话,就可以从容不迫的撸代码了!

console.log(a); 
var a=1;
console.log(a);    
function a(){console.log(2);}
console.log(a);   
var a=3;
console.log(a);    
function a(){console.log(3);}
a();
console.log(a);


你知道执行结果吗?


其实,实际的执行顺序为:

function a(){alert(3);} //第一步预解析:将 var a提升      但因为变量名与函数名相同,故function a()提升时将覆盖var a,又因为存在两个相同名称                           的function函数,后写的将覆盖先写的,所以最后提升的只有function a(){alert(3);}
 
console.log(a);     //因为函数提升,所以打印的a为函数整体
a=1;        //将1赋值给函数a,此时的a为一个变量,不再是函数
console.log(a);     //故打印的为a赋的值
console.log(a);
a=3;        //将a重新赋值3
console.log(a);     //故打印结果为3
a();        //此时的a为一个变量,不再是一个函数,所以报错,js中一旦出现报错,后面的语句将不再运行,所以最后一个console.log不进行打印。
console.log(a);

结束!搞清楚这题,变量提升与函数提升你就搞懂啦!


站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

2.广告联盟: 整理了目前主流的广告联盟平台,如果你有流量,可以作为参考选择适合你的平台点击进入

链接: http://www.fly63.com/article/detial/1958

关闭

JS中this作用域的问题:常见报错:XXX function 或者变量 未定义

定义了全局的函数,但是使用的时候,报错XXX 函数或者变量未定义,但实际上js中明明已经定义了且正确;大多数是因为调用过程中this.functionname 或者this.varname中this指向的作用域问题

JS中的对象字面量

JS 是一种基于原型的语言,因此一切都是对象。 在对象创建,配置和访问原型时,必须提供一种易于构造的语言。定义一个对象并设置它的原型是一个常见的任务

Js变量提升与函数提升

函数写法:函数表达式、函数声明、Function构造函数(这种不推荐).其中函数表达式不会函数提升,函数声明会函数提升。引用类型传递的是指针,指针指向了变量存储地址.这例子里,2个b变量都指向了同一个地址,所以第一次输出5,然后下面修改了函数内部变量b的指向

javascript怎么判断变量是否存在?

javascript怎么判断变量是否存在?下面本篇文章就来给大家介绍一下使用javascript判断变量是否存在的方法,希望对大家有所帮助。

ES6-变量的解构赋值

解构赋值官方解释:按照一定的模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)。变量的解构赋值就是一种写法,掌握了这种写法可以让我们在书写 javascript 代码时可以更加的简单,迅捷。

理解JavaScript中的变量、范围和提升

变量是许多编程语言的基本组成部分,也是新手需要学习的第一个也是最重要的概念。JavaScript中有许多不同的变量属性,以及命名变量时必须遵循的一些规则。在JavaScript中,有三个关键字用于声明变量

node中的全局变量是什么?

JavaScript 中有一个特殊的对象,称为全局对象(Global Object),它及其所有属性都可以在程序的任何地方访问,即全局变量。在浏览器 JavaScript中,通常 window 是全局对象。那么在node中全局变量是什么?

JavaScript中全局变量和局部变量是什么?

​变量中包含可随时更改的数据或信息。JavaScript使用保留关键字var来声明变量。在JavaScript中,有两种类型的变量:全局变量和局部变量。那么JavaScript中全局变量和局部变量具体是什么?有什么用?

Node常用的全局变量与 Inspect 调试

在 Node 中常用的全局方法有 CommonJS、Buffer、process、console、timer 等,这些方法不需要 require引入 API 就可以直接使用。如果希望有属性或方法可以“全局使用”,那就将它挂载在 Node 的global对象上:

js 交换变量值的方法总汇

这篇文章总结七种办法来交换a和b的变量值 。最最最简单的办法就是使用一个临时变量了 ,最后我的方案是利用了ES6的解构赋值语法 ,它允许我们提取数组和对象的值,对变量进行赋值

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!