es6,全称ECMAScript6(又名es2015)。何为ECMAScript?我们常说的Javascript和它又有什么联系呢?

  阮一峰老师有一句话描述的比较准确:“ECMAScript是Javascript语言的国际标准,Javascript是ECMAScript的实现”。js有几个大版本,现在用的比较多的是es3,es5。而在去年,es6的标准被推出,对于每个前端开发者而言,拥抱新的标准是必然的,所以从现在开始,es6应该要成为一个前端开发者的基本技能。好,有关标准的问题就此打住,现在就来看看应该如何使用es6把!

  万事开头难

  毕竟也是新标准,因此在浏览器的支持方面,现在还是存在着很多问题。不过随着标准的推广,相信浏览器的支持度也会越来越好。可以从这里进入查看当前浏览器对es6的支持程度。

  不过有很多种方法可供大家书写并运行es6的程序,以下列出两种方法供大家参考:

  1.在命令行中使用Babel转码器。

    首先需要安装两个工具

    npm install babel-cli -g (babel的命令行工具)

    npm install babel-perset-es2015

    具体使用可参考 http://babeljs.io/docs/plugins/preset-es2015/

    这种方法比较快捷,可以用作入门练手使用。

  2.使用Babel在线编码器

    可以在http://babeljs.io/repl/手写你的es6代码,它会自动帮你转成es5代码。

    强烈推荐!

  当然还有其他的方法,对node非常熟练的同学也可以尝试在node中编写es6代码了。

  变量提升问题

  

  这是我去年参加阿里的春招的第一题。这道题用非常简单的代码刻画了一个可能很多人都不留意的问题---变量提升问题。

  我拿到这道题的时候有点懵,所以直接拿到浏览器去运行了得除了A选项,是不是觉得很奇怪呢?

  所谓变量提升,指的就是同一个函数作用域中,变量在声明之前调用了,此时会返回undefined。确实和C,C++相比,这个变量提升是个很大的设计失误,因此在es6中标准抛弃了这个问题。使用的是let命令进行声明。

  console.log(test); // Error

  let test = 10;

  let&const降临

  let,const让js向传统面向对象语言靠拢。为什么这么说呢?

  除了刚刚讲到的变量提升问题,在变量声明方面还存在几个问题,比方说重复声明,作用域,闭包。

  重复声明: 在es3与es5中,连续var两次变量不会出现什么问题,但往往是很可笑的。es6中如果出现了这样的语法,那就统统不能通过。

  作用域: 在es3与es5中,函数外部可以访问到块级作用域中的变量(如if,for),所以在javascript高级程序设计一书中作者提到了js没有块级作用域这一说。而在es6中,块级作用域赋予了js更有保障的生命力,全局变量泄露的问题因此解决。

  闭包: 这是个比较难懂的概念,在es3和es5中,利用闭包解决了许多函数作用域之间的问题,在es6中可以使用let来代替闭包。由于闭包概念比较重要,暂时放到以后的博文中详细讲解。

  为了能具体说明let,const二者的用法,可以从这里进入查看与他们相关的操作: let&const的小demo

  

  let和const只是最简单的特性,所以开始慢慢地拥抱标准,走进es6把。

  

  

    

    

进军es6(1)---初识es6的更多相关文章

  1. 初识ES6(JavaScript)

    初识ES6(JavaScript) 关于ES6: ES6即ECMAScript6,是一种规范,JavaScript遵循了这种规范. *优点:*代码比较简洁. *缺点:*浏览器的兼容性不好. 1.变量和 ...

  2. ES6深入浅出-12 ES6新增的API(下)-1.录屏

    String.includes es5里面判断字符串是否存在的方法 search searcg的厉害之处是可以使用正则 match正则的方式 repeat -1遍,就不合法 startsWith 判断 ...

  3. ES6 Generator vs ES6 async/await

    ES6 Generator vs ES6 async/await next yield promise refs xgqfrms 2012-2020 www.cnblogs.com 发布文章使用:只允 ...

  4. 前端笔记之JavaScript面向对象(三)初识ES6&underscore.js&EChart.js&设计模式&贪吃蛇开发

    一.ES6语法 ES6中对数组新增了几个函数:map().filter().reduce() ES5新增的forEach(). 都是一些语法糖. 1.1 forEach()遍历数组 forEach() ...

  5. 初识ES6 解构

    1.数组的解构 ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构 例子: let [a, b, c] = [1, 2, 3]; console.log(a);//1cons ...

  6. 初识 es6

    es6 可能出来已经有一段时间了,但是我到今天才发现他的好,却不是很了解他,也不知道各个浏览器的兼容性怎么样?今天就把他们都弄明白. 新增命令 let ES6新增了let命令,用来声明变量.它的用法类 ...

  7. 数组去重(初识ES6)

    较常见的一问题:数组去重. 方法一:利用hash数组的原理 var arr=[1,3,3,4,5,5,6,6,7,8,69,8,99,9,0,]; function unique(arry){ var ...

  8. ES6简单初识

    ES常用命令介绍 函数的Rest参数和扩展 Promise使用 Module.exports和ES6 import/export的使用 promise使用 promise 为了解决callback嵌套 ...

  9. 初识 es6之 const

    const声明一个只读的常量.一旦声明,常量的值就不能改变. 例子: const a=12; a=2;//报错,const 声明的是常量,不能改 const声明的变量不得改变值,这意味着,const一 ...

随机推荐

  1. JS数值输入控制

    在html文本框录入数值时,可用如下方法进行控制判断. 整数:<input type="text" name="aaa" onkeypress=" ...

  2. GitHub Windows客户端部署

    下载网址:https://windows.github.com 点击下载按钮即可下载一个小程序,这个小程序会去服务器端下载完整的Windows版客户端,然后自动安装. 如果安装出错的话,那就打开IE浏 ...

  3. MySQl索引创建

    一.什么是索引? 索引用来快速地寻找那些具有特定值的记录,所有MySQL索引都以B-树的形式保存.如果没有索引,执行查询时MySQL必须从第一个记录开始扫描整个表的所有记录,直至找到符合要求的记录.表 ...

  4. 九度OJ 1086 最小花费--动态规划

    题目地址:http://ac.jobdu.com/problem.php?pid=1086 题目描述: 在某条线路上有N个火车站,有三种距离的路程,L1,L2,L3,对应的价格为C1,C2,C3.其对 ...

  5. Page类成员

    1. Request,Response,Server属性:对contex.Request,context.Response,context.Server的简化调用2. AppRelativeVirtu ...

  6. 通过shell脚本实现代码自动化部署

    通过shell脚本实现代码自动化部署 一.传统部署方式及优缺点 1.传统部署方式 (1)纯手工scp (2)纯手工登录git pull.svn update (3)纯手工xftp往上拉 (4)开发给打 ...

  7. /etc/rc.local ; /etc/init.d ;/etc/profile;/etc/bashrc;~/.bash_profile;~/.bashrc;~/.bash_logout

    1. /etc/rc.local 这是使用者自订开机启动程序,把需要开机自动运行的程序写在这个脚本里. 把脚本程序写在/etc/rc.d/init.d/目录下也可以  在完成 run level 3 ...

  8. C#实现JSON序列化与反序列化介绍

    方法一:引入System.Web.Script.Serialization命名空间使用 JavaScriptSerializer类实现简单的序列化 序列化类:Personnel public clas ...

  9. node 无解回调 有解了

    http://cssor.com/javascript-workflow-by-tofishes.html

  10. (转载)StringGrid常用属性和常用操作

    Delphi StringGrid常用属性和常用操作 StringGrid组件用于建立显示字符串的网格,与电子表格相似.它可使表格中的字符串和相关对象操作简单化.StringGrid组件提供了许多可控 ...