之前感觉在微信上看含有代码的文章体验很差,特别是阅读代码的时候,这次我给代码部分着色了,希望大家能看得舒服点;还有配上了图,更有趣好玩了,坚持一个宗旨:相信编程讲课可以更通俗易懂、更有趣。也欢迎大家积极互动。

上一节讲了let关键字,它是用来声明一个变量,只在块级作用域起作用。这一节我们来学习ES6新增的另一个关键字const。

const 的作用

const是constant(常量)的缩写,const和 let一样,也是用来声明变量的,但是const是专门用于声明一个常量的,顾名思义,常量的值是不可改变的。以前用var声明的变量,想怎么改就怎么改,同一个变量,后面的值可以轻松覆盖原来的值,这次const声明的变量,可由不得我们这么任性地想改就改了。

常量的特点

1、不可修改

    const Name = '张三';    Name = '李四';//错误,企图修改常量Name

2、只在块级作用域起作用,这点与let关键字一样。

        if(1){       const Name = '张三';     }    alert(Name);//错误,在代码块{ }外,Name失效

3、不存在变量提升,必须先声明后使用,这点也跟let关键字一样。

       if(1){        alert(Name);//错误,使用前未声明        const Name = '张三';    }    

4、不可重复声明同一个变量,这点跟let也一样。

    var Name  = '张三';    const  Name = '李四';//错误,声明一个已经存在的变量Name

5、声明后必须要赋值

      const NAME; //错误,只声明不赋值

以上这些小知识点都比较简单,不用举生活上的例子都可以理解,也不难记住。

如果常量是一个对象呢?

我们接着看下面这段小代码:

    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: "李四"}

为什么student2的name改成了“李四”,student1的那么也变成了“李四”呢?这就是传址赋值!

怎么理解传址赋值?就好比,你预约了一个装修工(张师傅)到你家进行装修,你把你家的地址告诉了他,他顺着地址来到你家,按照你的要求,把你家的门弄成红色。

仅仅过了两天,你觉得不好看,你又找了另一个装修工(王师傅),你也把地址告诉他,王师傅来到后也是按照你的要求,把门弄成了绿色。

最后,不管是张师傅还是王师傅,通过这个地址来到你家的时候,看到的门肯定是绿色的,因为最后一次修改是改成绿色。

看懂这个生活上的的例子,你就看得懂下面这段代码了:

    //张师傅把你家的门改成红色    var Zhang = {"door":"red"};

    //次日,你把地址也告诉了王师傅    var Wang = Zhang;

    //王师傅按照地址,去到后把门改成绿色    Wang.door = "green";

    //最后不管是张师傅还是王师傅来到你家,看到门都是绿色的    console.log(Wang); //结果:输出 {door: "green"}    console.log(Zhang); //结果:输出 {door: "green"}

仔细对比一下,这段代码和上一段小代码的结构一模一样(往上翻一下看看),这就知道为什么student2改了name,student1也被修改了。

花了不少篇幅来讲传址赋值,希望这个例子能形象地描述出传址赋值,让大家易懂和透彻。

讲完传址赋值,回到我们的const关键字,用const来声明一个对象类型的常量,就是传址赋值。而不可修改的是对象在内存中的地址,而不是对象本身(不可变的是你家的地址,而不是你家的门)。

所以,这就很好的解释刚刚的这段代码为什么不会报错,而是正常输出了。

    const Person = {"name":"张三"};    Person.name = "李四";    Person.age = 20;    console.log(Person);    //结果:正常输出{name: "李四", age: 20}

因为修改的只是Person本身,修改的是name属性和增加一个属性age,而地址没变,也不可变,所以并没有违背常量不可修改的约定。

但是,如果这样写呢,就会报错:

    const Person = {"name":"张三"};    Person.age = 20;    Person = {};     //错误,企图给常量Person赋新值(新地址)

用const声明后,张师傅、王师傅就只认得你家的地址了,不能再告诉他其他家的地址。

const关键字的学习到此就结束了,是不是发现并不难学,大部分特性都跟let的相同,但记住声明一个对象作为常量的时候要小心。此外附带讲解了传址赋值的概念,装修工的例子还算贴切,图文并茂,比较形象地描述传址赋值。

本节总结

总结:const也是用于声明一个常量,并必须赋值,声明后不可修改,跟let一样,只在块级作用域起作用,不可重复声明同一个变量,不会变量提升,声明引用类型的常量时,要注意是传址赋值。

第三节:ES6中另一个不得不说的关键字const相关推荐

  1. python中定义类的关键字_在Python中,定义一个类使用什么关键字?

    [多选题]技术应用的限制包括 [多选题]关于类和对象,下面说法正确的有? [判断题]温度越高,料液的粘度越小,扩散系数越大,可提高膜通量. [单选题]某企业有10台运货车,已知每台车每运行100小时平 ...

  2. next在java什么意思_Java中,一个类里面的关键字 next 是什么意思

    这是一个数独程序的一部分,classSudokuEntry里面的next是什么意思呢?如果有大神愿意帮忙讲解一下该程序的其他部分就更好了,跪求答案!!packageserie7;importserie ...

  3. ES6中的迭代器(Iterator)和生成器(Generator)(一)

    用循环语句迭代数据时,必须要初始化一个变量来记录每一次迭代在数据集合中的位置,而在许多编程语言中,已经开始通过程序化的方式用迭代器对象返回迭代过程中集合的每一个元素 迭代器的使用可以极大地简化数据操作 ...

  4. 听说ES6中新增了能够与众不同的Symbol数据类型

    前言 小伙伴们大家好.不知道大家有没有遇到这样一种情况:在我们日常开发中,有时候可能会用到一些别人提供的对象,并且业务需要想要在这个对象的基础上进行一些扩展,添加一些属性或方法等.这个时候如果我们不了 ...

  5. es6中symbol详解

    ES6中引入了第6种原始类型:Symbol 创建Symbol let firstName = Symbol(); let person = {}; person[firstName] = '欧阳不乖' ...

  6. ES6中的迭代器(Iterator)和生成器(Generator)

    用循环语句迭代数据时,必须要初始化一个变量来记录每一次迭代在数据集合中的位置,而在许多编程语言中,已经开始通过程序化的方式用迭代器对象返回迭代过程中集合的每一个元素 迭代器的使用可以极大地简化数据操作 ...

  7. 深入解析ES6中的迭代器(Iterator)和生成器(Generator)

    用循环语句迭代数据时,必须要初始化一个变量来记录每一次迭代在数据集合中的位置,而在许多编程语言中,已经开始通过程序化的方式用迭代器对象返回迭代过程中集合的每一个元素 迭代器的使用可以极大地简化数据操作 ...

  8. ES6中表达export default const是无效的

    问题 如果您是ES6新手,可以参考一下本文--高手请移驾别往! 请先看下面的图形描述: 也就是说,ES6中default后面是不允许跟const关键字的. 分析 上图中表达可以更换成另一种形式,就可以 ...

  9. 一个较完整的关键字过滤解决方案(上)

    如果您希望看到关键字过滤算法的话那么可能就要失望了.博客园中已经有不少关于此类算法的文章(例如这里和这里),虽然可能无法直接满足特定需求,但是已经足够作为参考使用.而本文的目的,是给出一个较为完整的关 ...

最新文章

  1. 设计模式学习 - 工厂模式
  2. 轻芒阅读距离今日头条还差一个即刻
  3. PHP+JavaScript+HTML实现注册界面表单及日历控件
  4. 西湖区政府门户网站项目签约西部动力We7网站群系统
  5. linux命令学习——tar
  6. FPGA内部资源总结
  7. puppeteer-firefox 开启扩展
  8. 利用python批量处理Word文件——正文、标题
  9. 山东大学计算机文化复习纲要
  10. 工厂智能化远程运营管理系统方案
  11. python3 数独解法 深度遍历
  12. 感动!刘若英和陈升的那些往事
  13. 中国一票否决Arm被购案的六个理由
  14. java 中PATH, -classpath, -Djava.library.path 的功能和区别
  15. Android开发 屏幕截图
  16. java list 交集 并集 差集 去重复并集
  17. EMP_常见问题及解决
  18. 微软商店Microsoft Store下载安装找这个
  19. c语句viod add(float a,float b)为什么是错的?
  20. 好用的jpg转pdf软件

热门文章

  1. 2020年中国便利店发展报告
  2. 编写程序,对用户输入的n个整数,统计其最大数、最小数和平均值
  3. strlen函数_四种好用的PHP自定义加密函数(可逆/不可逆)
  4. 大数据驱动5G网络与服务优化
  5. 【2017年第3期】专题:面向社会治理和服务的大数据
  6. 第二届大数据科学与工程国际会议在贵阳成功召开
  7. 数据库系统实训——实验四——视图
  8. 【计算机网络】Socket
  9. 基于栈的后缀表达式求值(洛谷P1449题题解,Java语言描述)
  10. 【数据结构与算法】红黑树的Java实现