浅谈JS中var,let和const的区别
作者:??桃子蘸酱? 时间:2024-05-09 15:07:16
区别1
let
和var
用来声明变量,const
用来声明常量。
变量就是赋值后可以改变它的值,常量就是赋值后就不能改变它的值。
当声明为对象时,可以直接修改对象内的属性值
const age = 26;
age = 36; // TypeError: 给常量赋值
// const声明的作用域也是块
const name = 'Matt';
if (true) {
const name = 'Nicholas';
}
console.log(name); // Matt
区别2
const
不允许只声明不赋值,一旦声明就必须赋值
const num; // 错误
const num = 1; //正确
区别3
var
是函数作用域,let
和const
是块级作用域。
花括号{}
就是块级作用域,函数作用域就是函数里面的内容。
{
let num = 4;
}
console.log(num);// num is not defined
{
var num = 4;
}
console.log(num); // 4
区别4
var
有提升的功能,let
和const
没有
// 片段A
console.log(a); //undefined
var a = 4;
// 片段B
console.log(b); //b is not defined
let b = 4;
片段A
在代码预编译时,javaScript引擎会自动将所有代码里面的var
关键字声明的语句都会提升到当前作用域的顶端,如下:
var a;
console.log(a); //undefined
a = 4;
区别5
在最外层的作用域,也就是全局作用域,用var
声明的变量,会作为window
的一个属性;而用let
和const
声明的变量或常量,并不会作为window
的属性
var a = 4;
function foo(){
/*
这里的this采用默认的规则,与window进行了绑定,所以实际上访问的是window.a
*/
console.log(this.a);// 4
}
foo()
let a = 4;
function foo(){
/*
在这种情况下,this.a 访问的是window.a,但是let定义的变量,并不会作为window的属性,所以访问不到
*/
console.log(this.a);// undefined
}
foo()
区别6
let
,const
不允许同一个块作用域中出现冗余声明(重复声明),而var
可以
var name;
var name; // 可以
let age;
let age; // SyntaxError;标识符age已经声明过了
const name = 'Matt';
const name = 'Nicholas'; // SyntaxError
区别7
变量渗透问题
// for循环中var定义的迭代变量会渗透到循环体外部
for (var i = 0; i < 5; ++i) {
// 循环逻辑
}
console.log(i); // 5
// 改成使用let之后,这个问题就消失了,因为迭代变量的作用域仅限于for循环块内部
for (let i = 0; i < 5; ++i) {
// 循环逻辑
}
console.log(i); // ReferenceError: i没有定义
来源:https://juejin.cn/post/7118643185328324644
标签:JS,var,let,const
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
pytorch训练神经网络爆内存的解决方案
2023-07-06 01:46:24
![](https://img.aspxhome.com/file/2023/2/62292_0s.png)
CentOS6.5设置Django开发环境
2022-09-29 22:55:30
Python3中.whl文件创建及使用
2022-11-05 00:17:50
![](https://img.aspxhome.com/file/2023/8/130818_0s.jpg)
用Python解析XML的几种常见方法的介绍
2023-12-18 11:35:08
![](https://img.aspxhome.com/file/2023/4/112174_0s.png)
使用Python制作一个简易的远控终端
2022-03-29 21:04:12
![](https://img.aspxhome.com/file/2023/2/118002_0s.png)
Golang协程池gopool设计与实现
2024-05-28 15:23:01
深入SQL Server中char、varchar、text和nchar、nvarchar、ntext的区别详解
2024-01-26 11:26:57
Sublime Text v4.0(4143)安装方法
2023-09-27 12:04:50
![](https://img.aspxhome.com/file/2023/4/68914_0s.jpg)
SQLServer Execpt和not in 性能区别
2012-01-29 17:53:24
Flask蓝图学习教程
2023-03-02 04:19:15
![](https://img.aspxhome.com/file/2023/0/111920_0s.png)
Python日期时间Time模块实例详解
2023-11-07 07:26:34
Python GUI之tkinter详解
2021-09-11 06:36:01
![](https://img.aspxhome.com/file/2023/8/134448_0s.png)
深入浅出Python中三个图像增强库的使用
2021-12-08 08:33:55
![](https://img.aspxhome.com/file/2023/7/71377_0s.jpg)
Python中JSON的使用方法(超详细)
2023-11-15 23:04:19
![](https://img.aspxhome.com/file/2023/7/63947_0s.png)
Python实现图片裁剪的两种方式(Pillow和OpenCV)
2022-07-08 12:42:47
![](https://img.aspxhome.com/file/2023/8/133358_0s.jpg)
asp分类算法要解决的问题
2009-09-10 16:49:00
MySQL常用命令与内部组件及SQL优化详情
2024-01-17 12:50:41
![](https://img.aspxhome.com/file/2023/1/111381_0s.png)
python和opencv实现抠图
2023-12-13 20:43:33
激发你的灵感:50个优秀的Favicons设计
2007-10-21 19:52:00
![](https://img.aspxhome.com/file/UploadPic/200710/21/20071021211019426s.gif)
在Asp程序中取得表单所有内容的方法
2010-04-24 16:07:00