码迷,mamicode.com
首页 > Web开发 > 详细

JS中const、var和let区别

时间:2017-05-08 12:37:29      阅读:325      评论:0      收藏:0      [点我收藏+]

标签:声明变量   ons   赋值   function   strong   undefined   alt   使用   无法   

在JavaScript中有三种声明变量的方式:var、let、const。

1.const 声明创建一个只读的常量。这不意味着常量指向的值不可变,而是变量标识符的值只能赋值一次,必须初始化。

const b = 2;//正确
// const b;//错误,必须初始化
console.log(‘函数外const定义b:‘ + b);//有输出值
// b = 5;
// console.log(‘函数外修改const定义b:‘ + b);//无法输出
 
2.var 语句用于声明变量。
var a; //undefined (如果不初始化,输出undefined)
var a=666; //放到方法外面为全局变量
function fun(){
//var a=555;    //放到方法内部为局部变量,只能在fun()内部读取
  console.log(a);  //666
}
如果不实用var  关键词,无论放到方法内还是方法外都是全局变量,所以var  会影响变量作用域。
 
3.let是块级作用域,函数内部使用let定义后,对函数外部无影响。
ES6新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。即声明一个局部变量。
以for循环为例:
下面的代码如果使用var,最后输出的是10
var a = [];
for (var i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
a[6](); // 10
上面代码中,变量ivar声明的,在全局范围内都有效。所以每一次循环,新的i值都会覆盖旧值,导致最后输出的是最后一轮的i的值。(常见于闭包的考察)
如果使用let,声明的变量仅在块级作用域内有效,最后输出的是6。
var a = [];
for (let i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
a[6](); // 6

上面代码中,变量ilet声明的,当前的i只在本轮循环有效,所以每一次循环的i其实都是一个新的变量,所以最后输出的是6

JS中const、var和let区别

标签:声明变量   ons   赋值   function   strong   undefined   alt   使用   无法   

原文地址:http://www.cnblogs.com/leeyen/p/6824166.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!