浅谈JS中var,let和const的区别
作者: 桃子蘸酱
这篇文章主要介绍了浅谈JS中var,let和const的区别,let和const是ES6新增的关键字,详细的内容介绍,具有一定的参考价值,需要的朋友可以参考一下
区别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,内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
您可能感兴趣的文章:
- Js中var,let,const的区别你知道吗
- Javascript 中 var 和 let 、const 的区别及使用方法
- javascript中var与let、const的区别详解
- JavaScript变量中var,let和const的区别
- JavaScript变量声明的var、let、const详解
- javascript 变量声明 var,let,const 的区别
- 面试官常问之说说js中var、let、const的区别
- JavaScript ES6语法中let,const ,var 的区别
- javascript的var与let,const之间的区别详解
- JavaScript中var let const的用法有哪些区别
- JavaScript es6中var、let以及const三者区别案例详解
- 详解javascript中var与ES6规范中let、const区别与用法
- 了解javascript中let和var及const关键字的区别
- 5分钟快速掌握JS中var、let和const的异同
- JavaScript中var、let、const区别浅析
- JavaScript变量声明var,let.const及区别浅析
- JavaScript ES6中const、let与var的对比详解
- JS变量中有var定义和无var定义的区别以及es6中let命令和const命令
- JavaScript中const、var和let区别浅析
- JavaScript声明变量的这四兄弟(var、let、function、const)