一、ES6-关键字let const的用法

  • let用途
  • var不足之处
  • const用法
let用途

回想一下,我们平时在写代码的时候,用var来声明一个变量,除此之外,好像也没用其他的关键字了,不管我们声明的是字符串类型、数组类型还是数字类型等,都用一个var (因为JavaScript拥有动态类型,不用像C语言那样声明数据类型int float等等),很方便。但现在ES6告诉你,除了var,不妨试试用let来声明变量试试看。

var的不足之处
  1. 用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语言里面的指针。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容