ES6入门学习(part1)环境搭建

一、Ecmascript和Javascript的关系

1、Ecmascript通用脚本语言。Javascript 不仅是通用的夸平台脚本语言，同时包含了Dom和Bom

2、所以很明显，学习javascript时必须要学习的知识

2.1Ecmascript相关语法(一些网络资源和书中所学的js语法，大部分还是采用是ES5，ES6语法比较新,一些浏览器对ES6不兼容，所以一般会用一些转换工具如Babel进行转换。)

2.2过DOM对象提供的属性方法来操作DOM（通过document,element对象实现，这些都是在ES中没有的）

2.3过BOM对象提供的属性方法来操作BOM（通过window对象实现，这些都是在ES中没有的）

二、开启ES6的学习

（注：按照官网文档学习步骤。https://www.runoob.com/w3cnote/es6-tutorial.html）

（1）ES6教程

1.1导演简介（略）

1.2环境搭建

note：当前Chrome 和 Firefox 浏览器对 ES6 新特性最友好，IE7~11 基本不支持 ES6

1.2.1 在Node.js环境中运行ES6：(不太了解node)

打开终端$  测试运行了文档中给到的案例(如下)

node

> let sitename="runoob"

undefined

>console.log(sitename)

runoob

undefined

>

在使用文档提供的终端命令检查当前Node已经实现的ES6特性时是出现了问题

解决方法：要在node安装路径下打开

//Linux  & Mac

node --v8-options | grep harmony

//Windows

node --v8-options | findstr harmony

除了使用终端命令外还有其他办法：比如在阮一峰老师的ES6文档中提到的ES-Checker工具，可以用来检查各种运行环境对ES6的支持情况，使用方法有两种：

（1）使用npm安装ES-Checker

npm install -g es-checker

---------提示安装成功以后，检查自己的当前的运行环境对ES6的支持度，执行以下操作------ 

es-checker

================================================

Passes 38 feature Detections

Your runtime supports 90% of ECMScript 6 

================================================

（2）访问阮老师提供的网址即可 http://ruanyf.github.io/es-checker/

1.2.2  在webpack环境中运行ES6 （?????????不了解webpack）

：：：：：：：：：：：：：：：：：：：：：：：

1.2.3  在gulp环境中运行ES6（????????不了解glup）

：：：：：：：：：：：：：：：：：：：：：：：：