对于刚刚学习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)!

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应用程序可让您从唱歌中为多个客户提供服务

本文展示了与许可证确保的后端的前端集成,并使用Next.js构建功能性Edtech SaaS应用程序。 前端获取用户权限以控制UI的可见性并确保API要求遵守角色库

JavaScript是现代Web开发的核心语言,因其多样性和灵活性而广泛应用。1)前端开发:通过DOM操作和现代框架(如React、Vue.js、Angular)构建动态网页和单页面应用。2)服务器端开发:Node.js利用非阻塞I/O模型处理高并发和实时应用。3)移动和桌面应用开发:通过ReactNative和Electron实现跨平台开发,提高开发效率。

JavaScript的最新趋势包括TypeScript的崛起、现代框架和库的流行以及WebAssembly的应用。未来前景涵盖更强大的类型系统、服务器端JavaScript的发展、人工智能和机器学习的扩展以及物联网和边缘计算的潜力。


热AI工具

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

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

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

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

热门文章

热工具

Dreamweaver CS6
视觉化网页开发工具

安全考试浏览器
Safe Exam Browser是一个安全的浏览器环境,用于安全地进行在线考试。该软件将任何计算机变成一个安全的工作站。它控制对任何实用工具的访问,并防止学生使用未经授权的资源。

SublimeText3 Linux新版
SublimeText3 Linux最新版

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

WebStorm Mac版
好用的JavaScript开发工具