区别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没有定义
到此这篇关于浅谈JS中var,let和const的区别的文章就介绍到这了,更多相关JS var,let,const,内容请搜索阿兔在线工具以前的文章或继续浏览下面的相关文章希望大家以后多多支持阿兔在线工具!