1. 程式人生 > >測試javascript中變數名和函式名字一樣

測試javascript中變數名和函式名字一樣

測試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>