对于刚刚学习JavaScript的同学,可能它的一些行为让你感到疑惑
和你在学校学过的C/C++差很多
比如说这样的情况
a = 1;var a;console.log(a);// 1
有些同学可能会认为应该是undefined才对,因为var a看起来好像给a重新赋值了
再如这样的情况
console.log(a);// undefinedvar a = 1;
a还没声明就打印,应该是报错才对啊,或者参考上面浏览器的行为而应该输出2啊
然而结果却是undefined
你所见的代码顺序,并不一定是js引擎真正执行的顺序
这就是我今天要谈的JavaScript提升行为
其实写这篇文章就是对预编译知识的补充
看之前如果还不了解预编译的同学戳下面
JavaScript预编译
JavaScript的预编译直接导致了它的提升行为
提升行为
其实了解了预编译我们可以很清晰的理解为什么
执行前发生了预编译
所以执行这两个代码块时相当于执行这样的代码
var a;a = 1;console.log(a);// 1
var a;console.log(a);// undefineda = 1;
对于这个提升行为,记住这样两句话
变量声明提升,函数声明整体提升
再次强调,
function demo(){….}这才叫做函数声明 var demo = function(){….}这不叫函数声明
其实只要明白预编译原理,提升行为很容易理解
我们习惯把 var a = 1
看做一个声明
可是js引擎却不这么认为,它会把它拆成var = a
声明 与 a = 1
初始化
并且第一个是编译阶段的任务,第二个是执行阶段的任务
所以无论你的声明出现在作用域的什么地方,都会在执行前提前处理
这就等价于,变量声明和函数声明移动到了作用域的最顶端
这个过程被称为提升
我们在编程的过程中千万不要声明重复的变量,更不要把函数和普通变量声明为相同的名字
顺便一提,把变量用一个var声明在作用域顶端是个好习惯(单一var原则)
这样也不用担心什么提升行为了
实例分析
虽然如此,这个过程我们还是要理解,同样是面试题的重点
还是老套路举例子来看看吧
function a(a, b){ console.log(a); console.log(c); c = 0; console.log(b); var c; a = 3; b = 2; console.log(a); console.log(c); console.log(b); function b(){}; console.log(b); } a(1);
不知道大家看蒙没,一堆abc
正确答案是:
1 undefined function b(){} 3 0 2 2
我们先从预编译来分析吧,顺便复习一下
创建AO对象(Active Object)
查找函数形参及函数内变量声明,形参名及变量名作为AO对象的属性,值为undefined
实参形参相统一,实参值赋给形参
查找函数声明,函数名作为AO对象的属性,值为函数引用
最后函数a执行前产生的AO对象大概这样
//伪代码AO->{ a: 1 b: function(){} c: undefined}
于是就相当于执行这样一个函数
(函数名为a跟里面的变量并不冲突)
function a(){ var a = 1; var b = function(){}; var c; console.log(a);//1 console.log(c);//undefined c = 0; console.log(b);//function(){} a = 3; b = 2; console.log(a);//3 console.log(c);//0 console.log(b);//2 console.log(b);//2}
于是我们很轻松得到了答案
如果有一个变量声明和一个函数声明重名了
一定是函数声明覆盖变量声明(JavaScript函数是第一公民各种特权)
如果一个变量声明与另一个变量声明同名
或一个函数声明与另一个函数声明同名
那就是谁在文档下面谁优先
总结
以上就是今天给大家分享的JavaScript提升行为
总结为两句话:变量声明提升,函数声明整体提升
实际上是js引擎预编译所导致的必然行为
以上就是JavaScript的提升行为及原理分析的内容,更多相关内容请关注PHP中文网(www.php.cn)!

JavaScript在Web开发中的主要用途包括客户端交互、表单验证和异步通信。1)通过DOM操作实现动态内容更新和用户交互;2)在用户提交数据前进行客户端验证,提高用户体验;3)通过AJAX技术实现与服务器的无刷新通信。

理解JavaScript引擎内部工作原理对开发者重要,因为它能帮助编写更高效的代码并理解性能瓶颈和优化策略。1)引擎的工作流程包括解析、编译和执行三个阶段;2)执行过程中,引擎会进行动态优化,如内联缓存和隐藏类;3)最佳实践包括避免全局变量、优化循环、使用const和let,以及避免过度使用闭包。

Python更适合初学者,学习曲线平缓,语法简洁;JavaScript适合前端开发,学习曲线较陡,语法灵活。1.Python语法直观,适用于数据科学和后端开发。2.JavaScript灵活,广泛用于前端和服务器端编程。

Python和JavaScript在社区、库和资源方面的对比各有优劣。1)Python社区友好,适合初学者,但前端开发资源不如JavaScript丰富。2)Python在数据科学和机器学习库方面强大,JavaScript则在前端开发库和框架上更胜一筹。3)两者的学习资源都丰富,但Python适合从官方文档开始,JavaScript则以MDNWebDocs为佳。选择应基于项目需求和个人兴趣。

从C/C 转向JavaScript需要适应动态类型、垃圾回收和异步编程等特点。1)C/C 是静态类型语言,需手动管理内存,而JavaScript是动态类型,垃圾回收自动处理。2)C/C 需编译成机器码,JavaScript则为解释型语言。3)JavaScript引入闭包、原型链和Promise等概念,增强了灵活性和异步编程能力。

不同JavaScript引擎在解析和执行JavaScript代码时,效果会有所不同,因为每个引擎的实现原理和优化策略各有差异。1.词法分析:将源码转换为词法单元。2.语法分析:生成抽象语法树。3.优化和编译:通过JIT编译器生成机器码。4.执行:运行机器码。V8引擎通过即时编译和隐藏类优化,SpiderMonkey使用类型推断系统,导致在相同代码上的性能表现不同。

JavaScript在现实世界中的应用包括服务器端编程、移动应用开发和物联网控制:1.通过Node.js实现服务器端编程,适用于高并发请求处理。2.通过ReactNative进行移动应用开发,支持跨平台部署。3.通过Johnny-Five库用于物联网设备控制,适用于硬件交互。

我使用您的日常技术工具构建了功能性的多租户SaaS应用程序(一个Edtech应用程序),您可以做同样的事情。 首先,什么是多租户SaaS应用程序? 多租户SaaS应用程序可让您从唱歌中为多个客户提供服务


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

Dreamweaver Mac版
视觉化网页开发工具

PhpStorm Mac 版本
最新(2018.2.1 )专业的PHP集成开发工具

螳螂BT
Mantis是一个易于部署的基于Web的缺陷跟踪工具,用于帮助产品缺陷跟踪。它需要PHP、MySQL和一个Web服务器。请查看我们的演示和托管服务。

适用于 Eclipse 的 SAP NetWeaver 服务器适配器
将Eclipse与SAP NetWeaver应用服务器集成。

WebStorm Mac版
好用的JavaScript开发工具