ng-book 2 - 001

第一章

• 安装angular-cli : npm install -g angular-cli
• import语句的结构是import{ things } form wherever格式
  我们把这部分的写法叫做解构。解构是由ES6和TypeScript提供的一项特性。
• 创建新组件： ng generate component 组件名
• CSS框架：Semantic-UI、Zurb Foundation、Twitter Bootstarp
• 迪米特法则http://en.wikipedia.org/wiki/Law_of_Demeter,
  迪米特法则法则是指：一个对象对其他对象的结构或属性所作的假设应该越少越好。

第二章：TypeScript

• 什么是ES5？什么是ES6？
  • ES5是ECMAScript 5 的缩写，也被称为“普通的JavaScript”。ES5就是大家熟知的JavaScript，他能够运行在大部分浏览器上。ES6则是下一个版本的JavaScript。
  • TypeScript是Microsoft个Google之间的官方合作项目。
• TypeScript相对于ES5有五大改善：
  • 类型
  • 类
  • 注解
  • 模块导入
  • 语言工具包(比如结构)
• TSUN（TypeScript Upgraded Node，支持TypeScript的升级版Node）
• 内置类型
  • 字符串：string
  • 数字：number - 无论整数还是浮点数，任何类型的数字都属于number类型。在TypeScript中，所有的数字都是用浮点数表示的。
  • 布尔类型：boolean
  • 数组：Array[type] , type[ ]
  • 枚举：枚举是一组可命名数值的集合(P51)
  • 任意类型：any - 如果我们没有为变量指定类型，那么他的默认类型就是any.
  • “ 无 ” 类型：void - 意味着我们不期望那里有类型，它通常用作函数的返回值。
• 类
  • 用class关键字来定义一个类，紧随其后的是类名和类的代码块，类可以包含属性、方法以及构造函数。：

class Vehicle{
}

• 构造函数
  • 构造函数是当类进行实例化时执行的特殊函数。通常会在构造函数中对新对象进行初始化工作。
  • 构造函数必须命名为constructor。因为构造函数是在类被实例化的时候调用的，所以他们可以有输入参数，但不能有任何返回值。
• 继承
  • TypeScript是完全支持继承特性的，并不像ES5那样要靠原型链实现。继承核心语法，用extends关键字实现。
  • .forEach()是Array中的一个方法，他接收一个函数作为参数，并对数组中的每一个条目逐个调用该函数。
• 工具
  • 胖箭头函数语法（=>） —— 是一种快速书写函数的简洁语法。它和环绕它的外部代码共享同一个this

//ES5-like example
var data = ['Alice Green', 'Paul Pfifer', 'Louis Blakenship'];
data.forEach(function(line) { console.log(line) });

//TypeScript example
var data = ['Alice Green', 'Paul Pfifer', 'Louis Blakenship'];
data.forEach((line) => console.log(line) );

• 模板字符串
  • 字符串中的变量 - 字符串插值必须使用反引号，不能用单引号或双引号。

  var firstName = "Nate";
  var lastName = "Murray";
  
  // interpoplate a string
  var greeting = `Hello ${firstName} ${lastName}`
  

  • 多行字符串
• 总结
  在TypeScript和ES6中还有很多其他的优秀语法特性
  • 接口
  • 泛型
  • 模块的导入、导出
  • 标注
  • 解构