测试javascript中变量名和函数名字一样

最新推荐文章于 2023-08-22 11:33:02 发布

程宇寒

最新推荐文章于 2023-08-22 11:33:02 发布

阅读量363

点赞数

文章标签： javascript 变量名和函数名字一样

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

版权

测试javascript中变量名和函数名字一样

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>测试javascript中变量名和函数名字一样</title>
<link rel="stylesheet" type="text/css" href="top6.css"/>
<link rel="stylesheet" type="text/css" href="mark.css">
<link rel="stylesheet" type="text/css" href="body.css">
</head>
<body>
<div align="center">
<h2>测试javascript中变量名和函数名字一样</h2>
<h2>测试javascript中变量与函数同名 </h2>
<input type="text" id="testFunctionAndVar" value="你们去改变世界，我只想认真赚钱!"><br><br>
<input type="text" id="testVar" value="测试重复声明变量!"><br><br>
<input type="button" value="测试javascript中变量名和函数名字一样" onclick="testFunctionAndVar()">
<input type="button" value="测试重复声明变量" onclick="testVar()">
</div>
</body>
<script type="text/javascript">
/*
 * javascript中变量与函数同名 
 *具体可参考网页https://segmentfault.com/q/1010000003951963
 *https://www.cnblogs.com/bugda/p/6036282.html
  https://segmentfault.com/q/1010000003825413
 1)函数声明会置顶
 2)变量声明也会置顶
 3)函数声明比变量声明更置顶：）
 4)变量和赋值语句一起书写，在js引擎解析时，会将其拆成声明和赋值2部分，声明置顶，赋值保留在原来位置
 5)声明过的变量不会重复声明
 */

//var test = "hello";
 var test;
 test = "江西省赣州市于都县!";
var a = 66;
var onlineName = "jack";
onlineName = "tom";
var onlineName = "jerry";

function test(){
	//alert(test);
	return a;
}

//测试javascript中变量名和函数名字一样
function testFunctionAndVar(){
	//var t = document.getElementById("testFunctionAndVar").value;
	//alert(t);
	document.getElementById("testFunctionAndVar").value = test();
}

//测试重复声明变量
function testVar(){
	document.getElementById("testVar").value = onlineName;
	document.getElementById("testFunctionAndVar").value = test;
}

</script>
</html>