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中let用法

				
			

			

				

					chenmo2001的博客
				

				

					06-07
					
					2万+
					
				

			

		

		

			
				
let

			
		

	



                

              
                



	

		

			

				
					
javascript中let和var的区别

				
			

			

				

					Burgess_Lee的博客
				

				

					12-19
					
					1725
					
				

			

		

		

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

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

全局作用域

var 和 let...

			
		

	



                


  
              

                


	

		

			

				
					
JavaScript中的let关键字详解

					
最新发布

				
			

			

				

					一起coding，一起嗨。
				

				

					05-29
					
					1232
					
				

			

		

		

			
				
JavaScript中的let关键字详解

			
		

	





	

		

			

				
					
JavaScript中let的用法

				
			

			

				

					路虽远，行则必至！
				

				

					03-01
					
					9797
					
				

			

		

		

			
				
前言：在 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声

			
		

	



		

			
		



	

		

			

				
					
JavaScript中for/of和for/in

				
			

			

				

					coder-quan的博客
				

				

					07-25
					
					741
					
				

			

		

		

			
				
理解JavaScript中的for/of和for/in
建议使用for/of而不使用for/in
一、for/of
for/of是ES6中定义的新循环语句，专门用于可迭代对象。数组、字符串、集合Set、映射Map是可迭代对象。
1. for/of迭代数组元素的值，不迭代数组元素的下标（数组元素是按从头到尾的顺序迭代的）：
let data = [1,2,3,4,5,6,7,8,9],sum = 0
for(let element of data){
  sum += element
}
console.lo

			
		

	





	

		

			

				
					
说说var、let、const之间的区别

				
			

			

				

					海阔天空
				

				

					04-18
					
					301
					
				

			

		

		

			
				
var
在ES5中，顶层对象的属性和全局变量是等价的，用var声明的变量既是全局变量，也是顶层变量
注意：顶层对象，在浏览器环境指的是window对象，在 Node 指的是global对象
var a = 10;
console.log(window.a) // 10
使用var声明的变量存在变量提升的情况
console.log(a) // undefined
var a = 20
在编译阶段，编译器会将其变成以下执行
var a
console.log(a)
a = 20
使用var，我们能够对一个变量

			
		

	





	

		

			

				
					
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`的主要优势在于其块级...

			
		

	





	

		

			

				
					
javascript中的for...of循环

				
			

			

				

					阿泽呀的博客
				

				

					08-22
					
					1687
					
				

			

		

		

			
				
for...of循环

这个直接看代码吧

1.遍历数组


        var arr = [1,2,3,4,5];
        
        for(let val of arr.values()){
            console.log(val)
        }
        //1
        //2
        //3
        //4
    ...

			
		

	





	

		

			

				
					
js中let和var定义变量的区别

					
热门推荐

				
			

			

				

					nfer_cn的专栏
				

				

					09-28
					
					18万+
					
				

			

		

		

			
				
本文对比了js中let和var关键字在声明变量时的异同之处。

			
		

	





	

		

			

				
					
JS中var和let区别

				
			

			

				

					tanghecheng111的博客
				

				

					11-25
					
					3180
					
				

			

		

		

			
				
1.let声明的变量是块级作用域（所在花括号里），var是函数作用域和全局作用域
  注意：let是可以定义全局变量，局部变量，块级作用域的变量。

2.let声明的变量只在其声明的块或子块中可用，这一点，与var相似。二者之间最主要的区别在于var声明的变量的作用域是整个封闭函数。







3.通过var关键字声明的变量没有块作用域，在块{ }内声明的变量可以从块之外进行访问。

 通过let关键字声明的变量拥有块作用域，在块{ }内声明的变量无法从块外访问


{
 var x =...

			
		

	





	

		

			

				
					
js中let和变量提升见解

				
			

			

				

					花先生的博客
				

				

					07-30
					
					1176
					
				

			

		

		

			
				
let
和var一样用来声明变量，支持块级作用域，不允许重复定义，同时不允许在定义前使用。

变量提升：
	-全局变量提升：会创建一个变量对象(script)用来收集全局作用域下let定义的变量，但是没有赋值。
	-局部变量提升：会将var let定义的变量全部放到当前函数的变量对象中。
   -区别：let提升的变量在为赋值之前不允许使用。(摘取自笔记)

上面是let的变量提升的描述。说的是全局变量会被一个script变量对象所收集，它是在变量对象global之后被压入栈中，这个变量对象中保存着全局中被

			
		

	





	

		

			

				
					
es6

				
			

			

				

					y13103192727的博客
				

				

					09-29
					
					296
					
				

			

		

		

			
				
es介绍
EECMAScript是js的版本说法。原生js是es3 es5 .   es6（es2015）。。。统称为新 js。
es6语法
let 和const
用来声明变量，替代之前的var。
let 和const 自带块级作用域，也就是{  }就是作用域
let const 与 var的区别

前者没有声明提升
前者拥有块级作用域
前者不能重复声明

let 和const 区别

const用于声明常量（pi等），const声明的变量不能被修改

变量的解构赋值
变量的结构赋值就是用来创建变量的
对象

			
		

	





	

		

			

				
					
ES6中的let和js中的var的比较

				
			

			

				

					lishundi的博客
				

				

					08-13
					
					446
					
				

			

		

		

			
				
let和var的比较：

（1）块级作用域

let实际上为 JavaScript 新增了块级作用域。


function f1() {
  let n = 5;
  if (true) {
    let n = 10;
  }
  console.log(n); // 5
}


上面的函数有两个代码块，都声明了变量n，运行后输出 5。这表示外层代码块不受内层代码块的影响。如果两次都使用va...

			
		

	





	

		

			

				
					
JavaScript中的let关键字

				
			

			

				

					IBLiplus的博客
				

				

					07-14
					
					1万+
					
				

			

		

		

			
				
JavaScript中使用var定义变量可能存在的问题           var定义的变量没有块作用域    var定义的全局变量会自动添加全局window对象的属性    var定义的变量会提前装载    而let关键字的出现解决了以上的问题：                 <script type="text/javascript">
			
			for( let i = 0...

			
		

	





	

		

			

				
					
前端面试题：JS中的let和var的区别

				
			

			

				

					smile_to_lin的博客
				

				

					12-18
					
					400
					
				

			

		

		

			
				
最近很多前端的朋友去面试被问到let和var的区别，其实阮一峰老师的ES6中已经很详细介绍了let的用法和var的区别。我简单总结一下，以便各位以后面试中使用。
ES6 新增了let命令，用来声明局部变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效，而且有暂时性死区的约束。
先看个var的常见变量提升的面试题目：
题目1：
var a = 99;           ...

			
		

	





	

		

			

				
					
JS学习-----JS中let, var, const的用法以及区别

				
			

			

				

					weixin_44939019的博客
				

				

					08-20
					
					1440
					
				

			

		

		

			
				
1. var声明语句
var声明语句声明一个变量，并且可选的将它初始化为一个值。

将值赋给未声明变量的值在执行赋值时将其隐式地创建为全局变量（它将成为全局对象的属性）。声明变量的作用域限制在其声明位置的上下文中，而非声明变量总是全局的，例如：

function x() {
  y = 1;   // 在严格模式（strict mode）下会抛出 ReferenceError 异常
  var ...

			
		

	





	

		

			

				
					

				
			

			

				

					
				

			

		

		

			
				

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		
评论 1

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值