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