測試javascript中變數名和函式名字一樣
阿新 • • 發佈:2018-12-14
測試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>