一、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

::::::::::::::::::::::::