11.npm (node package manager)

    使一个文件变成模块，在文件中执行 npm init

    随之会在当前文件下出现一个package.json的文件，这个文件就是当前模块的核心配置文件

    安装第三方依赖

    $ yarn install xxxx       会在当前目录下新建一个node_modules文件夹，将第三方模块放进去

    $ yarn install xxx --save 产品依赖

    $ yarn install xxx --save-dev 开发依赖

    $ yarn install xxx -g     全局安装

    $ yarn insatll qs -g

    自己写的第三方模块，我们放到node_modules中

12.cnpm

    安装：npm install -g cnpm --registry=https://registry.npm.taobao.org

    产品依赖

        --save

    开发依赖

        --save-dev

        babel

13.yarn

    安装：npm install -g yarn

14.es6模块化

    1.导出

        export let a = 1   单个属性的导出
        export function get (){}
        let obj = {
            name:'tom',
            age:12
        }
        export {
            age
        }
        export default {}

        一个模块中只能有一个

    2.导入
        
        import {get} from './utils/request'

15.rest操作符

16.集合

    Array()

    let arr  = []

    let arr = new Array(1)

    数组下标

    pop push shift unshift

    Set

        可以存储任意数据类型，无序，不重复的

        创建方式

            构造函数Set()

            let set = new Set()   //参数是一个可迭代的数据结构，用作初始化set集合

        Set.prototype api

            size     获取set集合的元素的个数

            add()    向set集合中添加一个元素

            delete()    将set集合中的某个元素删除

            clear()    清空set集合

            has()      判断某个值在不在set集合中

            forEach()   和数组的一样

            keys()      获取遍历key的迭代器对象

            values()      获取遍历value的迭代器对象

            entries()      获取遍历值-值对的迭代器对象
    
    Map

        类似于对象的数据结构，键的取值不再单单是字符串，可以为任意数据类型

        map集合用于存放键值对，也就是一种映射关系

        创建map集合

            构造函数 Map()

            let map = new Map([[1,2],['name','tom']])  //二维数组

            //map(2) {1 => 2,'name' => 'tom'}

        Map.prototype.xxx

            size        获取map集合键值对的个数

            set(k,v)    给map设置键值对

            get(k)      通过key获取值

            delete(k)   通过key删除键值对

            has(k)      判断有没有指定k键

            clear()     清空map集合

            keys()      获取遍历键的迭代器对象

            values()    获取遍历值的迭代器对象

            entries()   获取遍历键值对的迭代器对象

            forEach()   和数组set都一样

    可迭代元素

        Array

        Set

        Map

        string

17.Symbol

    创建一个Symbol  

        let s1 = Symbol()

        s1    //Symbol

        创建出来的这个symbol，表示一个独一无二的值，
        
        symbol和对象不一样，不能给他添加属性，你就当字符串理解

    生成具有标识的Symbol值

        Symbol函数可以接受一个字符串作为参数，表示对 Symbol 实例的描述，主要是为了在控制台显示，或者转为字符串时，比较容易区分。 通过Symbol.prototype.description可以获取该描述信息。

        let s1 = Symbol('foo')

        let s2 = Symbol('bar')

    消除魔术字符串

        function getArea(shape, options) {
            let area = 0;
            switch (shape) {
                case 'Triangle': // 魔术字符串
                area = .5 * options.width * options.height;
                break;
                /* ... more code ... */
            }
            return area;
            }
            getArea('Triangle', { width: 100, height: 100 }); // 魔术字符串

    获取一个对象中Symbol属性名

        Object.getOwnPropertySymbols   可以获取指定对象的所有 Symbol 属性名

        Reflect.ownKeys                可以返回所有类型的键名，包括常规键名和 Symbol 键名。

    Symbol值重复利用

        Symbol.for()方法可以做到使用同一个 Symbol 值。它接受一个字符串作为参数，然后搜索有没有以该参数作为名称的 Symbol 值。
        
        如果有，就返回这个 Symbol 值，否则就新建一个以该字符串为名称的 Symbol 值，并将其注册到全局。

        Symbol.keyFor()方法返回一个已登记的 Symbol 类型值的key

    内置Symbol

        对象的Symbol.iterator属性，指向该对象的默认遍历器方法。

18.iterator  迭代器

    当需要对一个对象进行迭代时（比如开始用于一个for..of循环中），它的Symbol.iterator方法都会在不传参情况下被调用，返回的迭代器用于获取要迭代的值

    使用迭代器对象的next()方法，会回去到一个{value:1,done:false}

19.generator 生成器函数（异步编程的解决方案

    作用：1.生成迭代器 2.异步编程的解决方案

        异步编程：setTimeout(function(){},3000) ,ajax, nodejs（java）=>文件的操作（IO）、数据库的操作

        回掉函数能解决这个问题

            回掉地狱

        异步 同步

    异步编程 (文件的操作)

    1）生成器函数的声明和调用

        声明

        function * gen(){
            yield '111'
            yield '222'
            yield '333'
        }

        调用

        gen(),注意调用完这个函数后，不会立即执行函数里面的代码，而会返回一个迭代器对象，可以进一步调用迭代器对象的next方法

        第一个next会拿到第一个{value:'111',done:false}

        let iterator = gen()          //iterator是一个迭代器对象

    2）生成器函数的参数传递

        gen('qq')    function * gen(arg){}

        iterate.next('hello')     会将这个参数给上一个yield表达式的返回值

    3）生成器函数的实例

        
20.Promise (异步编程的新解决方案)   缓解

    Promise是一个构造函数，构造一个承诺对象

    承诺的发起  pending        5年
    
    承诺的兑现  resolved       房子 车子 兑现

    承诺未兑现  rejected       没兑现

    Promise.prototype.xxx

        then()   参数：回掉函数，拿到正确的返回结果

        catch()  参数：回掉函数，拿到异常

21.async函数

    generator函数的语法糖，作用是异步函数同步化

    function findAll(){
        let r = axios.get(url)
        //r是一个承诺对象
    }

    //从根本上解决了，异步函数的问题
    async function findAll(){
        let r = axios.get(url)
        //r是从后台拿到的数据
    }

21.类

    构造函数

    function Animal (name,age){
        this.name = name;
        this.age = age
    }

    Animal.prototype.sayHello = function(){
        console.log('hello');
    }

    let a = new Animal('tom',2);

    类
    class Animal {
        //一个类必须有一个constructor
        constructor(name, age) {
            this.name = name
            this.age = age
        }
        //成员方法
        sayHello(){
            console.log('hello my name is ' + this.name);
        }
        //成员属性
        gender = 12
        //静态方法
        static sayAge(age){
            console.log('I am '+age + ' years old');
        }
        //静态属性
        static gender = '男'
    }

    let a = new Animal('tom',2);

    继承

        原型链继承

            function Animal(){}

            function Dog(){}

            Dog.prototype = new Animal();

        经典继承(借用构造函数)

            function Dog(){
                Animal.call(this,'tom')
            }

        类

        //父类
        class Animal {
            sayHello(){
                console.log('Hello');
            }
        }
        //子类
        class Dog extends Animal {
            constructor() {
                super()
            }
        }

        let d = new Dog();

        d.sayHello();      // Hello