- let用途
- var不足之处
- const用法
let用途
回想一下,我们平时在写代码的时候,用var来声明一个变量,除此之外,好像也没用其他的关键字了,不管我们声明的是字符串类型、数组类型还是数字类型等,都用一个var (因为JavaScript拥有动态类型,不用像C语言那样声明数据类型int float等等),很方便。但现在ES6告诉你,除了var,不妨试试用let来声明变量试试看。
var的不足之处
- 用var 声明变量的时候会出现“变量提升“的现象。
var a = 1;
(function(){
alert(a);
var a = 2;
})();//结果:undefined
原因就在于我们在代码块(函数内)里面还声明并定义了一个变量a,导致变量提升了,实际的代码执行顺序是这样的,仔细看完你就知道什么叫变量提升了。
var a = 1;
(function(){
var a;
alert(a);
a = 2;
})();
如果用let关键字则可以避免这个问题
var a = 1;
(function(){
alert(a);
let a = 2;
})(); // 结果:报错a未定义
const用法
1.cosnt作用
const是constant(常量)的缩写,const和 let一样,也是用来声明变量的,但是const是专门用于声明一个常量的,顾名思义,常量的值是不可改变的。以前用var声明的变量,想怎么改就怎么改,同一个变量,后面的值可以轻松覆盖原来的值,这次const声明的变量,可由不得我们这么任性地想改就改了。
2.cosnt 常量的特点
2.1、 不可修改
const Name = '张三';
Name = '李四';//错误,企图修改常量Name
2.2、只在块级作用域起作用,这点与let关键字一样。
if(1){
const Name = '张三';
}
alert(Name);//错误,在代码块{ }外,Name失效
2.3、不存在变量提升,必须先声明后使用,这点也跟let关键字一样。
if(1){
alert(Name);//错误,使用前未声明
const Name = '张三';
}
2.4、不可重复声明同一个变量,这点跟let也一样。
var Name = '张三';
const Name = '李四';//错误,声明一个已经存在的变量Name
2.5、声明后必须要赋值
const NAME; //错误,只声明不赋值
3.常量是一个对象的时候
const Person = {"name":"张三"};
Person.name = "李四";
Person.age = 20;
console.log(Person);
//结果:正常输出{name: "李四", age: 20}
常量Person好像被修改了,name改成了“李四”,而且还添加了age属性,值为20;不是说好了常量不可修改吗,说好的常量说变就变。这里先引入一个概念:在赋值过程中,我们可以分为传值赋值和传址赋值。这里我们用到了传址赋值,什么叫传址赋值?
传址:在赋值过程中,变量实际上存储的是数据的地址(对数据的引用),而不是原始数据或者数据的拷贝。
看下面这段代码:
var student1 = {"name":"张三"};
var student2 = student1;
student2.name = "李四";
console.log(student1);
//结果:输出 {name: "李四"}
console.log(student2);
//结果:输出 {name: "李四"}
我们的const关键字,用const来声明一个对象类型的常量,就是传址赋值。也就是说传的是对象在内存中的地址,而不是对象本身(不可变的是地址,而不是地址里的数据),类比C语言里面的指针。