详谈js的变量提升以及使用方法
网络编程 2021-07-04 16:46www.168986.cn编程入门
在本专栏中长沙网络推广给大家整理了关于js的变量提升以及使用方法的相关知识点内容,需要的朋友们参考下。
介绍
变量提升Hoisting是人们对JavaScript执行上下文工作方式的一种认识,并不是官方给出的改变
从字面上理解,变量提升的意思是变量和函数的声明会在物理层移动到作用域的最前面。但是这样理解并不准确,效果是相同的,但是实际的实现方式是JavaScript的变量和函数的声明会在编译阶段放入内存
这意味着使用者在正式声明一个函数或者变量之前就能够使用它
函数的提升
在JavaScript中,在声明一个函数前,我们就能够使用它,大家应该都体验过,像这样:
test(); function test() { // do something }
在正常的使用情况下,应该需要先声明函数才能调用,但是这种方法仍然能够运行,这是因为JavaScript自动将函数声明事先存入了内存的原因,看起来就像JavaScript自动把函数声明提升到了最前面
变量的提升
对于变量,JavaScript使用类似的方法,但是要注意一点的是,对于变量的提升,JavaScript只会将变量声明提升,但是不会把初始化提升,如果在变量初始化之前使用,则会得到undefined
// undefined console.log(a); // ReferenceError: b is not defined console.log(b); var a = 10;
// undefined console.log(num); num = 6; // 6 console.log(num); num += 7; // 13 console.log(num); var num;
// undefined console.log(num); num = 1; // 1 console.log(num); var num = 2; // 2 console.log(num);
这里要注意,JavaScript的变量提升是针对var的,而let和const不存在变量提升这一特性
// ReferenceError: a is not defined console.log(a); let a = 10;
一个复杂一点的例子
var a = 100; function fn() { // undefined console.log(a); var a = 200; // 200 console.log(a); } fn(); // 100 console.log(a); var a; // 100 console.log(a); // 300 var a = 300; console.log(a);
上一篇:JS如何获取地址栏的参数实例讲解
下一篇:浅析js中mvvm模式实现的原理
编程语言
- 机械手焊接机器人编程 机械手焊接设备编程
- vb数据库编程实例,vb做数据库
- tiobe世界编程语言排行榜,全球编程语言排行
- 成都java编程培训 成都it编程培训中心
- 编程基础培训,编程基础知识培训
- flash游戏编程基础教程,flash游戏开发教程
- 不会英语能学编程吗 不会英语可以学程序员吗
- 爱心代码编程C语言 爱心代码编程c语言公式
- c语言编程学习入门 c语言编程快速入门
- 西门子plc编程培训 西门子plc编程培训班
- 哪里可以学编程 台州哪里可以学编程
- 少儿编程哪个好 少儿编程哪个品牌好
- 编程是什么意思,图形编程是什么意思
- c语言编程软件下载,c语言编程软件在哪下载
- java编程软件下载,java编程下载手机版
- ug编程培训学校,ug编程培训教程