变量声明var,let.const使用有哪些区别

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了变量声明var,let.const使用有哪些区别，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3903字，纯文字阅读大概需要6分钟。

内容图文

var声明变量的作用域限制在其声明位置的上下文中

var x = 0; // x是全局变量，并且赋值为0。
console.log(typeof z); // undefined，因为z还不存在。
function a() { // 当a被调用时，
 var y = 2;  // y被声明成函数a作用域的变量，然后赋值成2。
 console.log(x, y);  // 0 2 
 function b() {    // 当b被调用时，
  x = 3; // 全局变量x被赋值为3，不生成全局变量。
  y = 4; // 已存在的外部函数的y变量被赋值为4，不生成新的全局变量。
  z = 5; // 创建新的全局变量z，并且给z赋值为5。 
 }     // (在严格模式下（strict mode）抛出ReferenceError)
 b();   // 调用b时创建了全局变量z。
 console.log(x, y, z); // 3 4 5
}
a();          // 调用a时同时调用了b。
console.log(x, z);   // 3 5
console.log(typeof y); // undefined，因为y是a函数的本地（local）变量。

let 声明的变量只在其声明的块或子块中可用,var的作用域是整个封闭函数

function varTest() {
 var x = 1;
 if (true) {
  var x = 2; // 同样的变量!
  console.log(x); // 2
 }
 console.log(x); // 2
}
function letTest() {
 let x = 1;
 if (true) {
  let x = 2; // 不同的变量
  console.log(x); // 2
 }
 console.log(x); // 1
}

在 ECMAScript 2015 中，let绑定不受变量提升的约束，这意味着let声明不会被提升到当前执行上下文的顶部。
在块中的变量初始化之前，引用它将会导致 ReferenceError（而使用 var 声明变量则恰恰相反，该变量的值是 undefined ）
当在块中使用时，let将变量的作用域限制为该块。注意var的作用域在它被声明的函数内的区

var a = 1;
var b = 2;
if (a === 1) {
 var a = 11; // the scope is global
 let b = 22; // the scope is inside the if-block
 console.log(a); // 11
 console.log(b); // 22
} 
console.log(a); // 11
console.log(b); // 2

const 常量必须在声明的同时指定它的值.

const声明创建一个值的只读引用。但这并不意味着它所持有的值是不可变的(如引用内容是对象)，只是变量标识符不能重新分配一个常量不能和它所在作用域内的其他变量或函数拥有相同的名称

// 注意: 常量在声明的时候可以使用大小写，但通常情况下全部用大写字母。 
// 定义常量MY_FAV并赋值7
const MY_FAV = 7;
// 报错
MY_FAV = 20;
// 

下面介绍下在javascript中有三种声明变量的方式：var、let、const。

var 声明全局变量，换句话理解就是，声明在for循环中的变量，跳出for循环同样可以使用。

for(var i=0;i<=1000;i++){ 
var sum=0; 
sum+=i; 
} 
alert(sum);

声明在for循环内部的sum，跳出for循环一样可以使用，不会报错正常弹出结果

let：声明块级变量，即局部变量。

在上面的例子中，跳出for循环，再使用sum变量就会报错，有着严格的作用域，变量只作用域当前隶属的代码块，不可重复定义同一个变量，不可在声明之前调用，必须先定义再使用，会报错，循环体中可以用let

注意：必须声明'use strict';后才能使用let声明变量否则浏览并不能显示结果,

const：用于声明常量，也具有块级作用域 ，也可声明块级。

const PI=3.14;

它和let一样，也不能重复定义同一个变量，const一旦定义，无法修改。

相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！

推荐阅读：

怎样使用vue计算属性与方法侦听器

怎样进行JS变量声明var,let.const

以上就是变量声明var,let.const使用有哪些区别的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的变量声明var,let.const使用有哪些区别全部内容，希望文章能够帮你解决变量声明var,let.const使用有哪些区别所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端