let和const命令 · 程序員開發筆記

[TOC] #### let命令 1.let 聲明的變量只在代碼塊中有效。（一對花括號包起來的區域就屬于一個代碼塊） { let hd = '后盾人'; console.log(hd); //輸出后盾人 } console.log(hd); // 2.let聲明的變量不能被重復聲明 let url = 'www.houdunren.com'; let url = 'www.houdunwang.com'; console.log(url); //錯誤操作 3.閉包操作 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ padding: 0; margin: 0; } li{ list-style: none; width: 300px; height: 150px; background: mediumpurple; float: left; margin: 15px; text-align: center; line-height: 150px; color: white; font-size: 25px; } </style> </head> <body> <ul> <li>第一個</li> <li>第二個</li> <li>第三個</li> <li>第四個</li> <li>第五個</li> <li>第六個</li> <li>第七個</li> <li>第八個</li> </ul> <script type="text/javascript"> //獲得所有li標簽 var lis = document.getElementsByTagName('li'); for (var i=0;i<lis.length;i++) { let x = i; lis[x].onclick = function(){ alert(x); } // 閉包方法實現 // (function(x){ // lis[x].onclick = function(){ // alert(x); // } // })(i) // 錯誤方法↓ // lis[i].onclick = function(){ // alert(i); // } } </script> </body> </html> #### const命令 1.const命令用來聲明常量,一旦被聲明,不能被改變 2.const在聲明變量的時候就要賦值,不能聲明后再賦值 const hd = '后盾人'; hd = 'hdr'; console.log(hd); //這種寫法是錯誤的↓ const hd; hd = '后盾人'; console.log(hd); 3.const使用用來聲明函數 <script type="text/javascript"> const foo = function(x){ return x*x; } var result = foo(7); console.log(result); </script> 運行結果：49