浅谈ECMAScript6新特性之let、const

第一次写博客有点紧张，如果说的不对的地方，欢迎大家留言指正。咱们先来说说“ECMAScript”这到底是啥玩意儿？它和javascript的关系又是如何的？首先，在1996年11月的时候，javascript的创造者（网景公司Netscape）和sun公司联合ECMA（欧洲计算机制造商协会）对javascript进行标准化，次年，ECMA发布262号标准文件文件（ECMA-262）的第一版，规定了浏览器脚本语言的标准（在这里提个问题：为什么要标准化？），并将这种语言称为ECMAScript，这个版本就是1.0版的。这个标准一开始就是针对与javascript来制定的，但是没有称之为“javascript”，这其中有两个原因，一是：商标；二是：想体现这门语言的规格制定者是ECMA，这样有利于保证开发性和中立性。所以，ECMAScript和javascript之间的关系就是，前者来制定规格，后者来实现（另外的ECMAScript的实现还有JScript和ActionScript）。一般的情况下，这两个词是可以互换的。

接下来来介绍一下es6中的新特性之“let”。首先，这个玩意儿其实和var这个命令类似，都是用于声明变量的，但是所声明的变量只在let命令所在的代码块内有效（这里涉及到块级作用域的概念，然而这个概念也是es6中提出来的。在后面我再来讲。PS：在其他编程语言中，早就有块级了）

上面的两张图就反映出了let所声明的变量只在let命令所在的代码块内有效。下面来举个例子：

发现区别了吗？var声明的变量它是全局范围内都有效的，每一次的循环，新的i值都会覆盖旧值，导致最后输出的是最后一轮的i值（当然，也可以利用闭包来解决这个问题【第三张图】）。如果使用的是let，声明的变量仅在块级作用域内有效，当前的i只在本轮循环有效，所以每一次循环i其实都是一个新的变量。在期间我发现了一个更神奇的东西，请看下面一张图：

注意：①、let不像var一样会发生“变量提升”的现象，所以，使用之前，必须先声明，不然就会报错。

②、暂时性死区（temporal dead zone,简称TDZ）,只要块级作用域内有let命令，它所声明的变量就会绑定这个区域，不收外部的的影响。简单的来说，在代码块中，使用let命令声明变量之前，变量都是不能用的。例子：

③、let不允许在同一个作用域内重复声明同一个变量。

好了，现在再来讲一讲上文提及到的一个东东：“块级作用域”。在es5中只有“全局作用域”和“函数作用域”。这使得我在刚开始学的时候一脸蒙蔽，其他语言都有块级作用域（比如C语言），但js就没有。幸好在es6中加入了“块级作用域”的概念，let实际上为javascript新增了块级作用域，有了块级作用域，就可以避免变量泄露成全局变量，代码快之间不会受到影响。另外，es6里还规定了：函数本身的作用域在其块级作用域内。注意！注意！注意！重要的事说三遍：（如果是在严格模式下，函数只能在顶级作用域和函数内部声明，其他情况下【比如：if语句、循环语句下】就会报错） :

最后再来说说es6中的新特性之“const”，好吧，其他编程语言里早就有了，但是javascript在es6之前还是没有~~。这个是用来声明常量的，其表现为不可修改的，还有就是声明的同时必须进行赋值，否则就会报错。

注意：①、在作用域方面，它其实和let作用域相同：只在声明所在的块级作用域内有效；

　②、const命令声明的常量同样不存在“变量提升”，同样存在“暂时性死区”，必须在声明后才能使用。

　③、const也不能重复声明常量。

综合例子：

　④、对于复合类型的变量，常量名不指向数据，而是指向的是数据的指针地址，const命令只是保证了地址没有变，但并不保证数据的不变，所以在使用const命令声明常量为对象时要小心！！其实我们可以对其对象进行“冻结”，使用Object.freeze()即可实现。

以上这篇浅谈ECMAScript6新特性之let、const就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

赞 (0)

相关推荐

  • 深入浅出ES6之let和const命令

    let和const声明的变量只在代码块内有效 { let a = 10; var b = 1; } a // ReferenceError: a is not defined. b // 1 不存在变量提升 变量一定要在声明后使用,否则报错 var tmp = 123; if (true) { tmp = 'abc'; // ReferenceError let tmp; } 不允许重复声明 // 报错 function () { let a = 10; var a = 1; } 块级作用域 f

  • ES6入门教程之let和const命令详解

    前言 在javascript中,我们都知道使用var来声明变量.javascript是函数级作用域,函数内可以访问函数外的变量,函数外不能访问函数内的变量. 函数级作用域会导致一些问题就是某些代码块内的变量会在全局范围内有效,这我们是非常熟悉的: for (var i = 0; i < 10; i++) { console.log(i); // 0,1,2...,9 } console.log(i); //10 if(true){ var s = 20; } console.log(s); //

  • JavaScript ES6中const、let与var的对比详解

    ECMAScript 6 新增 const 和 let 命令,用来声明变量. 声明方式 变量提升 作用域 初始值 重复定义 const 否 块级 需要 不允许 let 否 块级 不需要 不允许 var 是 函数级 不需要 允许 变量提升:const 和 let 必须先声明再使用,不支持变量提升 console.log(c1, l1, v1); // 报错 // Uncaught ReferenceError: c1 is not defined const c1 = 'c1'; let l1 =

  • ES6新特性一： let和const命令详解

    本文实例讲述了ES6新特性中的let和const命令.分享给大家供大家参考,具体如下: 1. let 命令 ① 在js中是没有块级作用域的,var 声明的变量作用域是整个函数体,而let可以起到这一作用 { let a = 1; var b = 2; } console.log(b); // 2 console.log(a); // a is not defind ② 而let可以起到这一作用啊在js中变量和函数的声明会提升到当前作用域最顶部执行.这样就会出现问题. var a = []; //

  • 浅谈ECMAScript6新特性之let、const

    浅谈ECMAScript6新特性之let、const

    第一次写博客有点紧张,如果说的不对的地方,欢迎大家留言指正.咱们先来说说"ECMAScript"这到底是啥玩意儿?它和javascript的关系又是如何的?首先,在1996年11月的时候,javascript的创造者(网景公司Netscape)和sun公司联合ECMA(欧洲计算机制造商协会)对javascript进行标准化,次年,ECMA发布262号标准文件文件(ECMA-262)的第一版,规定了浏览器脚本语言的标准(在这里提个问题:为什么要标准化?),并将这种语言称为ECMAScri

  • 浅谈Java8新特性Predicate接口

    一.前言 Java 8中引入了Predicate功能接口. Java Predicate表示一个参数的谓词. Predicate是一个布尔值的函数. Java Predicate是一个功能接口,属于java.util.function包. Predicate的功能方法是test(T t). Predicate的其他方法是test.isEqual.and.or.negate和not. not方法在Java 11中被引入. 在本文章,我们将提供Predicate的例子及其所有方法. 二.test(T

  • 浅谈iOS11新特性：新增拖拽交互体验

    浅谈iOS11新特性：新增拖拽交互体验

    一.引言 在使用PC进行操作时,你一定遇到过这样的场景,可以将图片直接拖入聊天软件进行发送,可以将文档.音乐.视频文件等文件拖入相应应用程序直接进行使用.这种拖拽操作交互极大的方便了电脑的使用.在iOS11中,你可以在iPhone或iPad上构建这种交互体验! 说在前面的话: 拖拽操作在iPad上是支持跨应用程序的,你可以从一个应用中拖取项目,通过Home键回到主界面并且打开另一个应用程序,然后将被拖拽的项目传递给这个应用程序中.在iPhone上,拖拽操作只支持当前应用程序内,你可以将某个元素从

  • 浅谈python新手中常见的疑惑及解答

    1 lambda函数 函数格式是lambda keys:express   匿名函数lambda是一个表达式函数,接受keys参数,返回表达式的值.所以不用return,也没有函数名,经常用在需要key参数的函数中,比如sorted. 2 元组(),它是以逗号辨别的,而不是小括号.比如一个元素的元组新手经常写成(12),其实他会被解释成单个元素12.正确的写法应该是(12,),在元素后面加上逗号. 3 模块导入.比如 import random print random.choice(range

  • 浅谈JDK9的特性之JVM的xlog

    简介 JVM是java程序运行的基础,JVM中各种事件比如:GC,class loading,JPMS,heap,thread等等其实都可以有日志来记录.通过这些日志,我们可以监控JVM中的事件,并可以依次来对java应用程序进行调优. 在JDK9中引入的Xlog日志服务就是为这个目的而创建的. 通过xlog,JDK将JVM中的各种事件统一起来,以统一的形式对外输出.通过tag参数来区分子系统,通过log level来区分事件的紧急性,通过logging output来配置输出的地址. xlog

  • 基于JavaScript ES新特性let与const关键字

    目录 1.let关键字 1.1基本用法 1.2不存在变量提升 1.3暂时性死区 1.4不允许重复声明 1.5与函数的关系 2.const关键字 2.1基础用法 1.let关键字 1.1基本用法 let是ECMAScript 2015新增的一个关键字,用于声明变量,其用法类似于var,与之不同的是声明的变量只能在所在的代码块中使用. 语法结构如下所示: let var1 [= value1] [, var2 [= value2]] [, ..., varN [= valueN]]; 参数说明: v

  • 浅谈JS中var,let和const的区别

    目录 区别1 区别2 区别3 区别4 区别5 区别6 区别7 区别1 let和var用来声明变量,const用来声明常量. 变量就是赋值后可以改变它的值,常量就是赋值后就不能改变它的值. 当声明为对象时,可以直接修改对象内的属性值 const age = 26; age = 36; // TypeError: 给常量赋值 // const声明的作用域也是块 const name = 'Matt'; if (true) { const name = 'Nicholas'; } console.lo

  • ECMAScript6 新特性范例大全

    ECMAScript6 新特性范例大全

    ECMAScript6(ECMAScript 2015 ,ES5,ES2016)技术已经在前端圈子很流行了,他给前端开发人员带来了很多惊喜,提供的语法糖使复杂的操作变得简单. 本文没有详细描述这些新特性,因为网上都已经有很多相关的介绍了.主要针对ES6 新特性收集了相关范例代码,他可以让你快速了解这个新的javascript规范. 箭头函数 function() 函数的简写表示法,但它不绑定 this. var odds = evens.map(v => v + 1); // no parent

  • 浅谈PHP 闭包特性在实际应用中的问题

    呃,其实大部分情况下是可以的,而有些方面还是令人非常的困扰,下面慢慢道来. 很多语言的都提供了非常优雅和漂亮的操作数组的方法.在下面的例子中,会使用 PHP5.3 以及其他语言提供的闭包功能,用于展示如何"客观的"操作迭代数组. 译注:原文作者比较火星,我不了解 Groovy 以及 Scala 语言,所以这里我加上 Javascript 的实现. 在开始之前先说明下,本例子仅仅是阐明观点,并没有考虑性能等其他方面的因素. "货比三家" 用个简单的例子开始,有下面个数

  • 浅谈数据库事务四大特性

    数据库四大特性分别是:原子性.一致性.分离性.持久性.下面我们看看具体介绍. 原子性 事务的原子性指的是,事务中包含的程序作为数据库的逻辑工作单位,它所做的对数据修改操作要么全部执行,要么完全不执行.这种特性称为原子性. 事务的原子性要求,如果把一个事务可看作是一个程序,它要么完整的被执行,要么完全不执行.就是说事务的操纵序列或者完全应用到数据库或者完全不影响数据库.这种特性称为原子性. 假如用户在一个事务内完成了对数据库的更新,这时所有的更新对外部世界必须是可见的,或者完全没有更新.前者称事务

随机推荐