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