它可能看上去不像是有属性的类，但它确实有，利用的是
Typescript
提供的简写形式 — 用构造函数的参数直接定义属性。
这个简写语法做了很多：
-
声明了一个构造函数参数及其类型
-
声明了一个同名的公共属性
-
当我们 new 出该类的一个实例时，把该属性初始化为相应的参数值
在
ng4
中，就可以通过此种写法来注入服务。
对比转换前后的代码如下：
在通常情况下，我们定义一个类时：class Info { public name: string private age: number constructor() { // ... }}采用 ts 中简写的语法：class Info { constructor( public name: string privat
要创建用于例如Redux操作的联合类型，您可以执行以下操作：
type Action = Foo | Bar | Curry ;
type Foo = { type : "Foo" ; foo : number } ;
type Bar = { type : "Bar" ; bar : string } ;
type Curry = { type : "Curry" ; one : string ; two : number } ;
function Foo ( foo : number ) {
return { type : "Foo" , foo } ;
function Bar ( bar : string ) {
return { type : "Bar" ,
TypeScript
中
的类型化函数式编程
fp-ts是用于
TypeScript
中
的类型化函数编程的库。
fp-ts旨在允许开发人员使用大多数功能语言
中
可用的流行模式和抽象。 为此，它包括最受欢迎的数据类型，类型类和抽象，例如 ， ， ， ， ， 和以使用户能够编写纯FP应用程序和在更高阶抽象之上构建的库。
fp-ts与其他功能库相比的一个显着特征是其对，
TypeScript
本身不支持。
要安装稳定版本：
npm install fp-ts
确保在项目
中
始终安装单个版本的fp-ts 。 已知有多个版本会导致tsc在编译过程
中
Vue.extend or vue-class-component
使用
TypeScript
写 Vue 组件时，有两种推荐形式：
Vue.extend()：使用基础 Vue 构造器，创建一个“子类”。此种写法与 Vue 单文件组件标准形式最为接近，唯一不同仅是组件选项需要被包裹在 Vue.extend()
中
。
vue-class-component：通常与 vue-property-decorator 一起使用，提供一系列装饰器，能让我们书写类风格的 Vue 组件。
两种形式输出结果一致，同是创建一个 Vue 子类，但在书写组件选项如 props，mixin 时，有些不同。特别是
TypeScript
具有类型系统， 且是JavaScript的超集。 它可以编译成普通的JavaScript
代码。
TypeScript
支持任意浏览器， 任意环境， 任意系统并且是开源的。
TypeScript
目前还在积极的开发完善之
中
， 不断地会有新的特性加入进来。 因此本
手册也会紧随官方的每个commit， 不断地更新新的章节以及修改措词不妥之处。
public readonly __v_isRef = true
constructor(private _rawValue: T, public readonly _shallow = false) {
this._value = _shallow ? _r
readonly name:string = '钢弹'
// 声明类的静态
属性
（可读可改）通常搭配readonly，且放在static前面
static age:number = 3
// 调用类下的
属性
const person = new P
对于一些功能比较复杂的函数，需要将很多配置项作为
参数
传入，这时候传统的位置
参数
表就不太方便了，因为对于配置项
参数
，我们往往会设置默认值，希望使用者无需按顺序传入所有
参数
，而只要指明哪几个
参数
需要特别配置。
比如一个简单的字符串格式化函数，除了必需的传入值value外，有三个配置项：
indent：缩进
caseMode：大小写
callback：转换完成后的回调
前端代码
中
应该如...
基于原型prototype的JS,一直在模拟面向对象,
后来ES6引入了class关键字,使JS能够像传统面向对象语言一样创建一个类
在TS
中
,对ES6的类进行了增强,引入了更多特性
二,
定义
一个类
使用TS
定义
一个类:
class Dog {
constructor(name: string) {
this.name = name;
na...
对于类的
属性
，
TypeScript
提供了一种更为简便的声明方式，就是如果构造的函数
参数
列表里的
参数
带有了访问修饰符（private, pubilc, protected）或readonly修饰符，那么就将这个
参数
认为是类的
属性
，可以
直接
使用，不需要单独的声明一个类的
属性
：
class Phone{
constructor(readonly owner : string, public phoneCode : string)
let aPhone = new Phone(
类的
构造函数
（关键字constructor）
类的里边
定义
一个name，但是name我们并不给他值,然后我们希望在new出对象的时候，
直接
通过传递
参数
的形式，给name赋值，并打印出来。这时候我们就需要用到
构造函数
了。
class Person {
public name:string ;
//关键字constructor 语法糖
constructor(name:string){//
this.name=name
let person = new
对于
TypeScript
中
后台 API 接口返回的数据
定义
，通常可以使用
TypeScript
的 interface 或 type 关键字进行
定义
。
下面是一个使用 interface
定义
后台 API 返回数据的示例：
```
typescript
interface ApiResponse {
status: number;
message: string;
data: {
id: number;
name: string;
email: string;
在这个示例
中
，我们
定义
了一个名为 `ApiResponse` 的 interface，它包含了 `status`、`message` 和 `data` 三个
属性
。其
中
，`data`
属性
的类型又
定义
了一个包含 `id`、`name` 和 `email` 三个
属性
的对象。
使用 interface 进行
定义
时，我们可以在代码
中
直接
使用该接口，例如：
```
typescript
const response: ApiResponse = {
status: 200,
message: 'success',
data: {
id: 1,
name: 'Alice',
email: 'alice@example.com'
如果需要更灵活的类型
定义
，也可以使用 type 关键字。例如：
```
typescript
type ApiResponse = {
status: number;
message: string;
data: {
id: number;
name: string;
email: string;
使用 type 进行
定义
时，与使用 interface 不同的是，我们不能在代码
中
直接
使用该类型，而是需要通过 type alias 的方式进行使用，例如：
```
typescript
const response: ApiResponse = {
status: 200,
message: 'success',
data: {
id: 1,
name: 'Alice',
email: 'alice@example.com'
