JavaScript变量提升

JavaScript引擎先解析代码再执行,导致变量和函数声明被提升。函数声明优先于变量,即使在同一位置,函数也会被提升。在严格模式下,函数声明不能在块级作用域中。示例代码展示了变量和不同函数声明的提升行为。
摘要由CSDN通过智能技术生成

变量提升
JavaScript 引擎的工作方式是,先解析代码,获取所有被声明的变量,然后再一行一行地运行。这叫变量提升。

b = 'hello';
var b ;
console.log(b);

结果是什么呢?

输出:
hello

javascript代码不是一行一行往下执行的。
上面的代码会变成下面的格式

var b;
b = ''hello;
console.log()b;

当出现函数的声明的时候也会有一些改变。

  • 函数声明
  • 函数表达式
	function hello(){
			console.log( '函数声明' );
	}// 函数声明
var hello= function(){
	console.log('函数声明');
}

注意: 函数声明会被提升
例如

display();
function display(){
	console.log(a);
	var a = 123;
}

输出:
undefined

注意: 函数表达式(匿名表达式)不会被提升
例如

display2();
var display2 = function(){
	console.log(a);
	var a = 123;
}

输出:
Uncaught TypeError: display2 is not a function
at :1:1

注意: 函数声明和变量声明一样时,函数声明会被提升,变量声明会被忽略。

getname();
var getname = "";
var getname = function(){
	console.log(2);
}
function getname(){
	console.log(1);
}
getname();

输出:
1
2

可能会有人觉得最后输出的结果是 1。但是 getName 是一个变量,因此这个变量的声明也将提升到顶部,而变量的赋值依然保留在原来的位置。需要注意的是,函数优先,虽然函数声明和变量声明都会被提升,但是函数会首先被提升,然后才是变量。

注意: 在ES5的严格模式下,函数声明不能嵌套在if块内,如问题所示。在非严格模式下,结果是不可预测的。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前台: (1)注册登录模块:按照学校的相关规定进行注册和登录。 (2)招聘信息查看:高校毕业生们可以网站首页上查看所有的招聘信息,除此之外还可以输入公司名称或岗位名称进行搜索。 (3)用人单位模块:此模块为宣传用人单位的主要功能模块,具体包括用人单位简介、岗位需求及职责及公司介绍等功能。 (4)就业指导:学生朋友们在就业前可以通过此模块获取指导。 (5)新闻信息:为了让用户们可以了解到最新的新闻动态,本系统可以通过新闻信息查看功能阅读近期的新闻动态。 (6)在线论坛:毕业季的同学们可以通过此模块相互交流。 后台: (1)系统用户管理模块:可以查看系统内的管理员信息并进行维护。 (2)学生管理模块:通过此功能可以添加学生用户,还可以对学生信息进行修改和删除。 (3)用人单位管理模块:管理员用户通过此模块可以管理用人单位的信息,还可以对用人单位信息进行查看和维护。 (4)招聘管理模块:管理员通过此功能发布和维护系统内的照片信息。 (5)就业指导管理模块:通过此模块可以编辑和发布就业指导信息,从而更好的帮助就业季的同学们。 (6)论坛管理:通过论坛管理可以查看论坛中的主题帖及里面的回复信息,除此之外还可以对论坛中的信息进行维护和管理。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值