测试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>