ECMAScript6

 1、开发环境搭建
    1) 版本控制工具
    svn 和 git
    
    2) 下载安装 nodeJS 和 npm
    
    3) 在开发工具 (Hbuilder) 中配置 cmd 终端，通过终端安装 Babel 编译器
    1.初始化项目
    在安装Babel之前，需要用npm init先初始化我们的项目。打开终端或者通过cmd打开命令行工具，进入项目目录，输入下边的命令：
    1    npm init -y
    -y代表全部默认同意，就不用一次次按回车了。命令执行完成后，会在项目根目录下生产package.json文件。
    {
      "name": "es6",
      "version": "1.0.0",
      "description": "",
      "main": "index.js",
      "scripts": {
        "test": "echo \"Error: no test specified\" && exit 1"
      },
      "keywords": [],
      "author": "",
      "license": "ISC"
    }
    可以根据自己的需要进行修改，比如我们修改name的值。
    
    2.全局安装 Babel-cli 
    在终端中输入以下命令,如果你安装很慢的话，可以使用淘宝镜像的cnpm来进行安装。
    1    npm install -g babel-cli
    注：安装时有 "npm ERR! Windows_NT 6.1.7601" 报错情况别急可如下处理：
        方法一：
        1、关闭npm的https
            npm config set strict-ssl false
        2、设置npm的获取地址
            npm config set registry "http://registry.npmjs.org/"
        方法二：
        还在获取中
    安装好 Babel-cli 后可以通过 "babel 编译文件的js路径 -o 引入文件的js路径" 命令来生成引入文件中的 js ，但此时的 js 文件还是没有被编译，还是使用了 ES6 的语法，此时我们还需要安装转化宝才能成功转换
    
    3.本地安装 babel-preset-es2015 和 babel-cli
    1    npm install --save-dev babel-preset-es2015 babel-cli
    安装完成后，我们可以看一下我们的package.json文件，已经多了devDependencies选项。
      "devDependencies": {
        "babel-cli": "^6.24.1",
        "babel-preset-es2015": "^6.24.1"
      }
    
    4.新建 .babelrc 文件
    在根目录下新建.babelrc文件，并打开录入下面的代码
    {
        "presets":[
            "es2015"
        ],
        "plugins":[]
    }
    这个文件建立完成后，我们就可以在终端输入 "babel src/index.js -o dist/index.js" 转化命令将 ES6 转化为 ES5 语法
    
    5.简化转化命令
    在学习vue 的时候，可以使用 npm run build 直接利用 webpack 进行打包，在这里也希望利用这种方式完成转换。打开package.json文件，把文件修改成下面的样子。
    {
      "name": "es6",
      "version": "1.0.0",
      "description": "",
      "main": "index.js",
      "scripts": {
        "test": "echo \"Error: no test specified\" && exit 1"
      },
      "keywords": [],
      "author": "",
      "license": "ISC",
      "devDependencies": {
         "babel-cli": "^6.26.0",
         "babel-preset-es2015": "^6.24.1"
       }
    }
    修改好后，以后我们就可以直接使用 npm run build 来进行转换了。
    
2、变量
    var          重复声明、函数级
    let           不能重复声明、块级、变量
    const        不能重复声明、块级、常量
    
    箭头函数
    1、如果只有一个参数, ()可以省
    2、如果只有一个return, {}可以省
    
3、解构赋值
    1.数组的结构赋值
    一 一对应原则，左右两边不统一会报错
    注：undefined 和 null 的区别
    
    let [a,b="JSPang"]=['技术胖',undefined];
    console.log(a+b); //控制台显示“技术胖JSPang”
    undefined相当于什么都没有，b是默认值。
    
    let [a,b="JSPang"]=['技术胖',null];
    console.log(a+b); //控制台显示“技术胖null”
    null相当于有值，但值为null。所以b并没有取默认值，而是解构成了null。
    
    2.对象的结构赋值
    对象是根据属性名来确定取值的
    注：圆括号的使用
    let foo;
    ({foo} ={foo:'JSPang'}); //不加圆括号会报错
    console.log(foo); //控制台输出jspang
    
    3.字符串结构赋值
    const [a, b, c, d] = "wang";
    console.log(a);
    console.log(b);
    console.log(c);
    console.log(d);
    
4、扩展运算符和 rest 运算符
    function wang(…args){
        console.log(args[0]);
        console.log(args[1]);
        console.log(args[2]);
        console.log(args[3]);
    }
    wang(1,2,3);
    
5、字符串模板
    字符串查找/判断是否存在
    indexOf()       返回索引值
    includes()       返回布尔值
    startsWith()   判断开头是否存在
    endsWith()   判断开头是否存在
    
6、ES6数字操作
    //二进制声明    Binary
    let binary = 0B010101;
    console.log(binary);//21
    
    //八进制声明     Octal
    let octal = 0o666;
    console.log(octal);//438
    
    Number 对象