ES6、的组成:
1、HTML的历史:
1、HTML13,是19911997年在使用,在这个区间他的使用标准是由IETF制定,国际互联网工程任务组 (the internet engineering task force)
1997年以后:w3c组织接管,制定标准。
2、js的历史:
1995:LiveScript 1.0 诞生;
1996 :Javascript 1.0 1.1诞生;
1997:微软公司jscript诞生;
1997.6 :基于Javascript的1.0版本制定 ECMAscript 1.0
Tc39的成员:mozilla、Microsoft、谷歌...组成,
1998.6:ECMAscript 2.0
1999.12:ECMAscript 3.0
2000:ECMAscript 4.0的草案由于该版本改动的东西太激进,被TC39的成员否定了。
2007年:ECMAscript 4.0准备发布,但是又被Tc39组织否定;
2008年:ECMAscript 4.0的一部分内容被发布,版本号为3.1 代号hamony;
2009:ECMAscript 5.0正式发布
2011.6:ECMAscript5.1正式发布
2015.6:ECMAscript6.0正式发布
3、ES6: 是基于ECMAscript6.0的版本上,2015年之后每一年6月份更新的版本统称。
4、babel :是将ES6的代码转换成ES5的代码的一种工具包,也可以理解成代码块。
5、安装package包管理:npm init
5-1、创建babel的配置文件后缀名为:.babelrc
添加规则
{
"presets":["babel-preset-env"]
}
5-2、安装babel的规则集到当前目录:npm install babel-preset-env --save-dev
5-3、安装babel的脚手架到当前目录:npm install babel-cli --save-dev
配置babel的脚手架命令,把app.js文件 转换成ES5的语法: //转换文件默认当前目录 "build":"babel app.js -o app5.js"
//转换src目录下的所有js文件,放到lib目录 "build2":"babel src -d lib"
创建运行:js命令: "script-name":"babel-node ./src/test1.js"
{
"name": "es6",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"build":"babel app.js -o a.js",
"build2":"babel src -d lib",
"script-name":"babel-node ./src/test1.js"
},
"author": "",
"license": "ISC",
"devDependencies": {
"babel-cli": "^6.26.0",
"babel-preset-env": "^1.7.0"
}
}