今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin） 
明天计划的事情：（一定要写非常细致的内容） 
遇到的问题：（遇到什么困难，怎么解决的） 
收获：（通过今天的学习，学到了什么知识）

1.es6类（class）的概念   

    ES6 引入了 Class（类）这个概念，作为对象的模板。通过class关键字，可以定义类。

    ES6 的class可以看作只是一个语法糖，它的绝大部分功能，ES5 都可以做到，新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。  

      class Point {

        constructor(x, y) {

          this.x = x;

          this.y = y;

        }

        toString() {

          return '(' + this.x + ', ' + this.y + ')';

        }

      }

    上面代码定义了一个“类”，可以看到里面有一个constructor方法，这就是构造方法，而this关键字则代表实例对象。也就是说，ES5 的构造函数Point，对应 ES6 的Point类的构造方法。

    定义“类”的方法的时候，前面不需要加上function这个关键字，直接把函数定义放进去了就可以了。另外，方法之间不需要逗号分隔，加了会报错。

    ES6 的类，完全可以看作构造函数的另一种写法。

      class Point {

        // ...

      }

      typeof Point // "function"

      Point === Point.prototype.constructor // true

    上面代码表明，类的数据类型就是函数，类本身就指向构造函数。

    使用的时候，也是直接对类使用new命令，跟构造函数的用法完全一致。

    构造函数的prototype属性，在 ES6 的“类”上面继续存在。事实上，类的所有方法都定义在类的prototype属性上面。

2.constructor方法

    constructor方法是类的默认方法，通过new命令生成对象实例时，自动调用该方法。一个类必须有constructor方法，如果没有显式定义，一个空的constructor方法会被默认添加。

3.angular的@Injectable() 服务

    注意，这个新的服务导入了 Angular 的 Injectable 符号，并且给这个服务类添加@Injectable() 装饰器。 它把这个类标记为依赖注入系统的参与者之一。HeroService 类将会提供一个可注入的服务，并且它还可以拥有自己的待注入的依赖。 目前它还没有依赖，但是很快就会有了。

    @Injectable() 装饰器会接受该服务的元数据对象，就像 @Component() 对组件类的作用一样。

4.es6的export命令

    模块功能主要由两个命令构成：export和import。export命令用于规定模块的对外接口，import命令用于输入其他模块提供的功能。

    一个模块就是一个独立的文件。该文件内部的所有变量，外部无法获取。如果你希望外部能够读取模块内部的某个变量，就必须使用export关键字输出该变量。下面是一个 JS 文件，里面使用export命令输出变量。