JS新语法学习之let

最新推荐文章于 2024-05-29 10:20:08 发布
最新推荐文章于 2024-05-29 10:20:08 发布
阅读量1.3k 收藏 4
点赞数 2
分类专栏： react自学 文章标签： javascript js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/clearlov3/article/details/107773719
版权
本文探讨了JavaScript中let关键字的使用，包括let如何在块级作用域内定义变量，避免污染全局对象，以及其特有的暂存死区概念。通过实例解析了let声明的变量在不同情况下的行为，强调了在初始化前访问变量会引发ReferenceError。最后提到了在for循环中使用let的特殊情况，帮助读者更深入地理解let的关键特性。
摘要由CSDN通过智能技术生成

使用let 定义变量

首先看到个有意思的问题，为什么let要叫let
Why was the name ‘let’ chosen for block-scoped variable declarations in JavaScript?

一、let可以定义作用在块级作用域的变量

//语法
let var1 [= value1] [, var2 [= value2]] [, ..., varN [= valueN]];
let test1 = 2;

在react中let几乎可以看为var。
所谓作用在块级可以理解只在一个{}中产生作用，如果在函数中let跟var最大的区别就是var声明变量作用在整个函数中，let情况如下：


                

                
                
        

        

    




        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  clearlov3
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                    2
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    4
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                  1
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
JS基础语法学习（一）

				
			

			

				

					js_bbasic的博客
				

				

					11-18
					
					228
					
				

			

		

		

			
				
JS基础语法的学习 基础同时也是重中之重 除了数组和正则 作为两个大块在其他文章呈现

			
		

	



                

              
                



	

		

			

				
					
JS中let用法

					
热门推荐

				
			

			

				

					chenmo2001的博客
				

				

					06-07
					
					2万+
					
				

			

		

		

			
				
let

			
		

	



                


  
              

                


	

		

			

				
					
【前端第九课】 JS 基础语法

				
			

			

				

					Ws_zqw的博客
				

				

					12-27
					
					1572
					
				

			

		

		

			
				
JS 基础语法

			
		

	





	

		

			

				
					
JavaScript中的let关键字详解

					
最新发布

				
			

			

				

					一起coding，一起嗨。
				

				

					05-29
					
					1261
					
				

			

		

		

			
				
JavaScript中的let关键字详解

			
		

	



		

			
		



	

		

			

				
					
javascript中let和var的区别

				
			

			

				

					Burgess_Lee的博客
				

				

					12-19
					
					1739
					
				

			

		

		

			
				
let是es6中新增命令，也是用来声明变量的，可能很多小伙伴都像我一样，定义变量的时候都会用var而很少用到let，那么，let和var到底有什么区别呢？

let和var的区别体现在作用域上。var的作用域被规定为一个函数作用域，而let则被规定为块作用域，块作用域要比函数作用域小一些，但是如果两者既没在函数中，也没在块作用域中定义，那么两者都属于全局作用域。

全局作用域

var 和 let...

			
		

	





	

		

			

				
					
读 ECMAScript 6 笔记 ( 三 )

				
			

			

				

					flybird
				

				

					06-22
					
					218
					
				

			

		

		

			
				
ＥＳ６里新增了for of 循环，有很多特别的地方，这里列举出来和几个常用的循环对比；以数组为例，JavaScript 提供多种遍历语法。最原始的写法就是for循环。for (var index = 0; index < myArray.length; index++) {
  console.log(myArray[index]);
}
这种写法比较麻烦，因此数组提供内置的forEach方...

			
		

	





	

		

			

				
					
let in,let of的区别

				
			

			

				

					weixin_45776308的博客
				

				

					09-07
					
					4153
					
				

			

		

		

			
				
【代码】let in,let of的区别。

			
		

	





	

		

			

				
					
JavaScript6 let 新语法优势介绍

				
			

			

				

					10-21
				

			

		

		

			
				
总的来说，JavaScript6的`let`新语法优势体现在以下几个方面：  1. **块级作用域**：确保变量只在特定代码块内有效，减少了变量污染和意外共享。 2. **非提升**：变量声明不会被提升到作用域顶部，避免了未声明访问...

			
		

	





	

		

			

				
					
前端，javascript，js高级语法学习

				
			

			

				

					06-04
				

			

		

		

			
				
在前端开发领域，JavaScript（简称JS）是一种至关重要的编程语言，尤其在构建交互式Web页面和应用程序时。本文将深入探讨JavaScript的高级语法，帮助开发者提升技能，掌握更复杂的功能和优化代码的能力。  1. **箭头...

			
		

	





	

		

			

				
					
Javascript 6里的4个新语法

				
			

			

				

					10-21
				

			

		

		

			
				
这里我们将详细讨论其中的四个关键新语法：`let`和`const`声明变量、模板字符串、以及`Set`和`Map`数据结构。  1. `let`和`const`声明变量：  在ES5中，我们主要使用`var`关键字声明变量，但`var`存在两个主要问题：...

			
		

	





	

		

			

				
					
JavaScript6 let 新语法优势介绍_.docx

				
			

			

				

					10-09
				

			

		

		

			
				
JavaScript6引入的新关键字`let`在编程实践中带来了显著的优势，特别是在改善代码的可读性、避免全局污染和提升性能方面。下面将详细讨论`let`的语法特点和它相较于`var`的优势。  首先，`let`的主要优势在于其块级...

			
		

	





	

		

			

				
					
js中常用的遍历方法

				
			

			

				

					qq_36990322的博客
				

				

					12-05
					
					499
					
				

			

		

		

			
				
js中常用的遍历方法
记录一下js中常见的遍历方法，以免突然想不起
常见的需要遍历的目标
	// 数组
	var a = [ 1, 2, 3 ];
	// 数组含对象
	var b = [ {a:1}, {b:2}, {c:3} ];
	// 纯对象
	var obj = { a:1, b:2, c:3 };

1、for(let ; ; ) 最常见的用法
这个用法可以解决大部分遍历问题
	for...

			
		

	





	

		

			

				
					
声明变量关键字：var、let、const的区别

				
			

			

				

					Predator117的博客
				

				

					10-30
					
					3772
					
				

			

		

		

			
				
声明变量关键字：var、let、const的区别var关键字let关键字1、暂时性死区2、全局声明3、for循环中的let声明const关键字使用建议1、尽量不使用var2、优先使用const，再考虑let
var关键字
定义一个变量：var操作符，后跟变量名。
var message;

这里定义了一个名为message的变量，可以用它来保存任何类型的值。
未初始化的情况下，变量保存一个特殊值undefined。
var声明的范围是函数作用域
当在一个函数内用var定义变量时，该变量将在函数退出时销毁：


			
		

	





	

		

			

				
					
JavaScript中let的用法

				
			

			

				

					路虽远，行则必至！
				

				

					03-01
					
					9805
					
				

			

		

		

			
				
前言：在 ES6 之后，js 声明变量不仅限于使用var关键字，下来让我们看一下另两种方式。
文章目录一、let命令二、
一、let命令
ES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。
{
  let a = 10;
  var b = 1;
}
a // ReferenceError: a is not defined.
b // 1

上面代码在代码块之中，分别用let和var声明了两个变量。然后在代码块之外调用这两个变量，结果let声

			
		

	





	

		

			

				
					
JS里几种for...循环的区别

				
			

			

				

					路漫漫其修远兮，吾将上下而求索。
				

				

					03-09
					
					1436
					
				

			

		

		

			
				
目录

1. 普通for循环
2. for(... in ...)循环
3. for(... of ...)循环
4. forEach循环

 1. 普通for循环
普通for循环可用于遍历数组
let arr = ['A','B','C','D']
for(let i=0;i<arr.length;i++){
    console.log(arr[i])
}
// A
// B
// C...

			
		

	





	

		

			

				
					
JS—for...in和for...of的区别

				
			

			

				

					Sodaxiang的博客
				

				

					01-28
					
					190
					
				

			

		

		

			
				
for...of... 和for...in...都是用来遍历循环的，但两者还是有区别的。

for...in...

for...in...是ES5中的，用来遍历对象自身以及原型上可枚举的字符串属性，也可以用来遍历数组的键名；
	大多数时候，我们只关心对象自身的属性，所以，一般使用Object.keys()代替，关于获取对象属性的方式，在这篇JS获取对象属性的方法中有讲到。
for...of...


	for...of...是ES6新增的， 是用来遍历具有Symbol.iterator属性的数据结构，也.

			
		

	





	

		

			

				
					
简述js中 for in 与 for of 区别

				
			

			

				

					weixin_44448747的博客
				

				

					08-16
					
					147
					
				

			

		

		

			
				
for in是ES5标准，遍历key.
for of是ES6标准，遍历value.
for (var key in arr){
    console.log(arr[key]);
}

for (var value of arr){
    console.log(value);
}

一个比较神奇的例子：
Object.prototype.objCustom = function () {};...

			
		

	





	

		

			

				
					
JS中的几种循环和跳出方式

				
			

			

				

					神zhi殇的博客
				

				

					08-13
					
					260
					
				

			

		

		

			
				
文章目录for循环jquery的each循环forEach循环例子分析
for循环

continue：跳出本次循环。

let arr = ['q', 'w', 'e', 'r', 't'];
for (var i = 0; i < arr.length; i++) {
  if (i == 2) {
    continue;
  }
  console.log(arr[i]); // ...

			
		

	





	

		

			

				
					

				
			

			

				

					
				

			

		

		

			
				

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		
评论 1

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值