JavaScript中变量和函数提升(变量名和函数名同名)

最新推荐文章于 2024-04-14 12:40:42 发布

程宇寒

最新推荐文章于 2024-04-14 12:40:42 发布

阅读量785

点赞数 1

文章标签： JavaScript js 变量和函数提升变量名和函数名同名前端开发

本文链接：https://blog.csdn.net/czh500/article/details/103476995

版权

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript中变量提升</title>
<script type="text/javascript">

//JavaScript中，允许变量被重复声明
var a = 666;
console.log(a); //结果为666
var a;
console.log(a); //结果为666
var a = 888;
console.log(a); //结果为888

console.log('*********************************');
var b = 16;
var b = 35;
//赋值覆盖相当于：
var b;
//b = 16;
b = 35;

//声明覆盖相当于：
//var b = 16;
var b = 35;
console.log(b); //结果为35

console.log('*********************************');
fn1(); //结果为中国
console.log(fn1); //结果为function fn1()
function fn1(){
	console.log('中国');
}
var fn1 = '江西省赣州市于都县';
var fn1;
console.log(fn1); //结果为江西省赣州市于都县
/*
以上代码类似于下面代码：
function fn1(){
	console.log('中国');
}
var fn1;
fn1();
console.log(fn1);
fn1 = '江西省赣州市于都县';
console.log(fn1);
*/

console.log('*********************************');
var fn2 = 537;
function fn2(){
	console.log('江西省赣州市于都县赣南脐橙');
}
console.log(fn2);//结果为537
// fn2(); //报错TypeError: fn2 is not a function

/*
以上代码类似于下面代码：
function fn2(){
	console.log('江西省赣州市于都县赣南脐橙');
}
var fn2;
fn2 = 537;
console.log(fn2);//结果为537
// fn2(); //报错TypeError: fn2 is not a function
*/

console.log('*********************************');
var fn3 = 932;
var fn3 = function() {
	console.log('我们江西省赣州市于都县是一个百万人口的大县');
}
console.log(fn3);//结果为function fn3()
fn3(); //结果为我们江西省赣州市于都县是一个百万人口的大县
/*
以上代码类似于下面代码：
var fn3;
fn3 = 932;
var fn3;
fn3 = function() {
	console.log('我们江西省赣州市于都县是一个百万人口的大县');
}
console.log(fn3);//结果为function fn3()
fn3(); //结果为我们江西省赣州市于都县是一个百万人口的大县
*/

</script>
</head>
<body style="background-color: #CCE8CF;">
	<h3 style="color: #cd1636;">JavaScript中变量提升</h3>
	<a href="https://blog.csdn.net/czh500/article/details/103467058" target="_blank">
	详解javascript中的变量提升和函数提升https://blog.csdn.net/czh500/article/details/103467058
	</a>
	<br/>
	<a href="https://www.runoob.com/js/js-hoisting.html" target="_blank">
	JavaScript变量提升参考网页https://www.runoob.com/js/js-hoisting.html
	</a>
	<br/>
	<a href="https://blog.csdn.net/czh500/article/details/103455845" target="_blank">
	javascript变量提升详解参考网页https://blog.csdn.net/czh500/article/details/103455845
	</a>
	<br/>
	<a href="https://www.runoob.com/js/js-strict.html" target="_blank">
	JavaScript严格模式(use strict)参考网页https://www.runoob.com/js/js-strict.html
	</a>
</body>
</html>

程宇寒

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JavaScript中变量和函数提升(变量名和函数名同名)

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>JavaScript中变量提升</title><script type="text/javascript">//JavaScript中，允许变量被重复声明var a ...
复制链接

扫一扫