TypeScript学习--属性定义

通过以下关键字来限制属性的读取权限。

  • public关键字 定义可以在类外部访问的成员
    -private关键字 定义私有属性,在类外部不可访问(包括子类和实现类)
  • protected关键字 定义受保护的属性,在同类与子类中可以被访问(实现类和类外部不可被访问)

私有属性 private 与受保护属性 protected

一般来说如果类的属性是 public 的那么,如果有两个类的属性与类型一致,其 new 出来的对象就是同一类型的,但是,如果这两个相同的类中有属性是 private 或者 protected 类型的,那么即使这两个类的属性类型完全一致,他们创建的实例也不是同一类型的。

只读的属性

readonly 关键字可以将属性设置为只读,这样属性只有在声明时,或者在 constructor 里被初始化,其他地方修改会报错。

参数属性

一个属性的定义与这个属性在 constructor 中传入赋值,会有些重复,参数属性就是将这两个步骤合二为一,仅需要在 constructor 中传入属性时通过 访问限定符 声明并赋值这个属性。

抽象类

抽象类一般作为其他类的基类使用,其本身不可实例化,因为抽象类中定义的某些方法是需要继承他的类来复写的,在 TypeScript 中可以通过 abstract 来声明一个抽象类。

把类作为接口使用


class Parent {
  constructor(readonly name: string, private value: any) {}
}

interface IParent extends Parent {
  age: number
}


const a: IParent = {age: 222}; // 报错 少了继承自 Parent 中的两个属性类型 name | value

TypeScript 是一种由微软开发并维护的开源编程语言。它是 JavaScript 的扩展,为 JavaScript 提供了静态类型检查、类、接口和命名空间等功能。 以下是 TypeScript学习笔记: ## 安装 使用 npm 安装 TypeScript: ``` npm install -g typescript ``` ## 编写 TypeScript 代码 TypeScript 文件的扩展名为 `.ts`。可以使用任何文本编辑器来编写 TypeScript 代码。 以下是一个简单的 TypeScript 代码示例: ```typescript function greeter(name: string) { return "Hello, " + name + "!"; } let user = "John"; console.log(greeter(user)); ``` ## 编译 TypeScript 代码 使用 `tsc` 命令编译 TypeScript 代码。例如,将上面的代码编译为 JavaScript: ``` tsc greeter.ts ``` 这将生成一个名为 `greeter.js` 的 JavaScript 文件。 ## 类型注解 TypeScript 中的类型注解指定了变量、函数参数和函数返回值的类型。例如,以下代码指定了 `name` 参数的类型为 `string`: ```typescript function greeter(name: string) { return "Hello, " + name + "!"; } ``` ## 接口 接口定义了一个对象的属性和方法。例如,以下代码定义了一个 `Person` 接口: ```typescript interface Person { firstName: string; lastName: string; } function greeter(person: Person) { return "Hello, " + person.firstName + " " + person.lastName + "!"; } let user = { firstName: "John", lastName: "Doe" }; console.log(greeter(user)); ``` ## 类 类是面向对象编程的基本构建块。以下是一个简单的类的示例: ```typescript class Greeter { greeting: string; constructor(message: string) { this.greeting = message; } greet() { return "Hello, " + this.greeting + "!"; } } let greeter = new Greeter("world"); console.log(greeter.greet()); ``` ## 泛型 泛型允许在编写代码时指定未知的类型。以下是一个泛型函数的示例: ```typescript function identity<T>(arg: T): T { return arg; } let output = identity<string>("hello"); console.log(output); ``` ## 命名空间 命名空间是用于组织和管理代码的方式。以下是一个简单的命名空间的示例: ```typescript namespace MyNamespace { export function sayHello() { console.log("Hello from MyNamespace!"); } } MyNamespace.sayHello(); ``` ## 模块 模块是将代码分离成可重用的单元的方式。以下是一个简单的模块的示例: ```typescript export interface Person { firstName: string; lastName: string; } export class Greeter { greeting: string; constructor(message: string) { this.greeting = message; } greet() { return "Hello, " + this.greeting + "!"; } } ``` 可以使用 `import` 关键字导入模块中的对象: ```typescript import { Person, Greeter } from "./module"; let user: Person = { firstName: "John", lastName: "Doe" }; let greeter = new Greeter("world"); console.log(greeter.greet()); ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值