ES6中的一些新特性

这两个命令是ES6的新语法知识。这两个新的特性解决了ES6中的一些小的“bug”问题。其中包含一些知识:块级作用域、let命令、const命令、全局对象的属性。Google V8引擎已经部署了ES6的部分特性。当然,使用Traceur转码器、Bebal转码器可以将ES6方式编写的程序转为ES5.

块级作用域



一个花括号{}代表一个块级作用域,作用域嵌套时外层代码块不受内层代码块的影响,之前的立即执行匿名函数的作用是为了形成局部作用域,防止变量污染,但是这个新的特性:块级作用域的出现也就不需要这个函数咯,噢耶!

需要注意:函数本身的作用域,在其所在的块级作用域中。ES5存在函数提升,不管函数在何处声明,函数声明都会提升到当前作用域的顶部,得到执行。但是ES6支持块级作用域,其内部声明的函数都不会影响到外部作用的外部。

我们来测试一下之前ES5的var声明的效果

var name = "aa";
while (true) {
    var name = "bb";
    console.log(name);//bb
    break;
}
console.log(name);//bb

这里我理解为:while作用域内部的name变量提升到了外部,导致内部的name变量替换了外部作用域中的name变量,所以两次输出都是bb。

let命令

JavaScript中声明变量的方式有三种:var,let,const。var存在变量提升,这是ECMAScript5中的命令,ES5中只有全局作用域和函数作用域。在ES6中才有块级作用域。

let命令的用法类似var,但是所声明的变量,只有let命令所在代码块内有效。如果不声明就使用就会报错,这在语法上称为“暂时性死区”。不允许在相同作用域内,重复声明同一个变量。因此,不能在函数内部重新声明参数不存在变量提升

const命令

const用来声明常量,一旦声明,常量的值就不能改变。

使用时注意:

  • 对常量重新赋值不会报错,只会默默的失败。
  • 与let命令相同,只在声明所在的块级作用域内有效
  • const命令也不存在提升,只能在声明的位置后面使用,提前使用同样会抛出ReferenceError。
  • 同样不可重复声明。
  • const命令只是指向变量所在的地址,如果将const变量赋值为一个对象,则此常量储存的是一个地址,不可变的只是这个地址,但对象本身是可以变的,依然可以为其添加新属性。如果真的想将对象冻结,应该使用Object.freeze方法。冻结之后,不但不可以修改存储地址,对象本身的内容也不能被改变。
  • const有一个很好的应用场景:就是当我们引用第三方库的时候声明的变量,用const来声明可以避免未来不小心重名而导致bug。

全局对象的属性

全局对象是最顶层的对象,在浏览器环境指的是window对象,在Node.js指的是global对象。所有的全部变量都是全局对象的属性。

ES6规定,var命令和function命令声明的全局变量,属于全局对象的属性;let命令,const命令,class命令声明的全局变量,不属于全局对象的属性。

原文地址:https://www.cnblogs.com/sminocence/p/8451274.html

时间: 2024-11-09 01:07:21

ES6中的一些新特性的相关文章

MVC中的其他新特性

MVC中的其他新特性 (GlobalImport全局导入功能) 默认新建立的MVC程序中,在Views目录下,新增加了一个_GlobalImport.cshtml文件和_ViewStart.cshtml平级,该文件的功能类似于之前Views目录下的web.config文件,之前我们在该文件中经常设置全局导入的命名空间,以避免在每个view文件中重复使用@using xx.xx语句.默认的示例如下: @using BookStore @using Microsoft.Framework.Optio

解读ASP.NET 5 & MVC6系列(17):MVC中的其他新特性

原文:解读ASP.NET 5 & MVC6系列(17):MVC中的其他新特性 (GlobalImport全局导入功能) 默认新建立的MVC程序中,在Views目录下,新增加了一个_GlobalImport.cshtml文件和_ViewStart.cshtml平级,该文件的功能类似于之前Views目录下的web.config文件,之前我们在该文件中经常设置全局导入的命名空间,以避免在每个view文件中重复使用@using xx.xx语句.默认的示例如下: @using BookStore @usi

VS2015 C#6.0 中的那些新特性

? VS2015 C#6.0 中的那些新特性 前言 ? ? ? VS2015在自己机器上确实是装好了,费了老劲了,想来体验一下跨平台的快感,结果被微软狠狠的来了一棒子了,装好了还是没什么用,应该还需要装Xarmain插件,配置一些参数吧,由于这块之前从未接触过,想了想还是先不把时间继续浪费在这里了,于是乎来体验一下新特性了. 本人个人博客原文链接地址为http://aehyok.com/Blog/Detail/66.html. ? ?本文参考http://roslyn.codeplex.com,

Oracle12c中数据泵新特性之功能增强(expdp, impdp)

Oracle12c中数据泵新特性之功能增强(expdp, impdp) Oracle的数据泵功能在10g中被引进.本文对数据泵在12c中的增强做一个概览. 1.   禁用日志选项(DISABLE_ARCHIVE_LOGGING) Impdp的TRANSFORM参数已经扩展为包括DISABLE_ARCHIVE_LOGGING选项.该选项的默认值为 "N",不会影响日志行为.将该选项设置为"Y",这将会使表和索引在导入前将日指属性设置为NOLOGGING,从而导入期间减

es6基础-函数的新特性

es6函数新特性,在原来es5函数基础上增加了新的函数扩展,包括传参,默认值,扩展运算符... 函数参数 函数参数默认值 函数参数默认值的执行顺序是随意的 只有未传递参数,或者参数为undefined,才是使用默认值 function ajax( url,method='get', timeout=2000,callback={}){} ajax('/url') // 使用默认的请求方式method.timeout和callback ajax('/url', 'post') // 使用默认的请求

HTML5和CSS3中的交互新特性

当文章的标题是一副用photoshop制作的图片,那么势必在搜索引擎中无法搜索到.并且因为图片的体积不算小.可能在网速慢的的时候不得不耐心的等待图片的刷新. 所以.我们来谈谈有没有一种新的方法能够避免这些缺点. 什么是HTML5和CSS3 HTML和CSS并不难理解.HTML为构成网页的主要语言.通过这样的语言.我们能够向计算机说明网页格式.内容.显示效果等等.而CSS则是专门用来控制网页显示效果的语言. HTML 5的新特性 1. 新的内容标签 HTML4中的内容标签级别同样,无法区分各部分内

黑马程序员------Java中jdk1.5新特性

Java培训.Android培训.iOS培训..Net培训.期待与您交流! JDK1.5新特性: 为什么会出现新特性: 新的技术出现是为了解决老的问题,Java语言为了提高开发者的开发效率,对之前的某些不利于提高效率的技术进行改进. 静态导入: 静态导入:可以导入某个类下的静态方法,静态导入后,可以不写类名而直接使用此类下的静态方法. 语法:import static 包名.类名.静态方法 代码示例: package com.itheima.day1; /** * 静态导入 * @author

VS2013中F#的新特性

为了更好的迎接新版本的到来,先看一下之前F#的特性. 1.为区分联合(discriminated unions)添加了命名域,使代码更加清晰. 2.用新数据的新特性,使矢量和矩阵编码更容易的工作 3.更强大的泛型算法的扩展 4.得到更好的调试支持,当你使用F #调试时,调试编译器和解释器选项. 5.当你使用LINQ扩展方法如select时,lambda表达式将使你的代码非常简浩. 6.使用.NET框架4.5.1和Windows商店简化版的库支持. 7.支持同时在当前和以前的版本的VisualSt

SQL Server2012在软件开发中的一些新特性

官方给出了一大堆SQL2012相对于SQL2008R2的新特性,但是大多数对于普通开发人员来说都是浮云,根本用不到,下面就说说一些对于开发人员来说比较有用的新特性. 一.在SQL Server中终于也看到了类似的对象,只是在使用的语法上有一点点不一样.创建语法也是CREATE SEQUENCE,使用的时候需要使用NEXT VALUE FOR来取下一个值: 复制代码代码如下: CREATE SEQUENCE [dbo].[SQ_1]  AS [bigint] START WITH 1 INCREM