二、typescript基础语法

一、条件语句

在这里插入图片描述

二、函数

1、有名函数

	function add(x:number, y:number):number {
		return x + y;
	}

2、匿名函数

	let add = function (x:number, y:number):number {
		return x + y;
	}
  • 函数可选参数
	function buildName(firstname: string, lastname?:string) {
		if (lastname) {
			return firstname + lastname;
		} else {
			return firstname;
		}
	}

	let result1 = buildName('wang');
	let result2 = buildName('wang', 'xiaoming');
  • 函数剩余参数
	function buildName(a: string, ...restparams:string[]) {
		return a + restparams.join('');
	}

	let result1 = buildName('wang');
	let result2 = buildName('a', 'b', 'c');

3、箭头函数,匿名函数简写,省略了function关键字,可以将箭头函数赋值给变量;

(a, b, ...c)=> {}
let res = (a, b, ...c)=> {}

三、类

class Person {
	private name:string // 定义私有属性
	private age:number
	
	constructor(name:string, age:number){ // 初始化构造函数
		this.name = name;
		this.age = age;
	}
	
	public getPersonInfo() { // 公共方法
	 return `my name is ${this.name} and is ${age}`;
	}
}
let xiaoming = new Person('xiaoming', 18);
xiaoming.getPersonInfo()

四、继承

class Employee extends Person {
	private department:string;
	constructor(name:string, age:number, department:string) {
		super(name,age); // 继承
		this.department = department;
	}
	public getEmployeeInfo():string {
		return this.getPersonInfo() + `and work in ${this.department}`
	}
}
let person2 = new Employee('xiaoming', 18, 'tech');
person2.getPersonInfo()
person2.getEmployeeInfo()

五、模块

在这里插入图片描述
在这里插入图片描述

六、迭代器

在这里插入图片描述

相关推荐

  1. 1.TypeScript基础语法

    2024-03-21 21:10:03       54 阅读
  2. TypeScript基础语法

    2024-03-21 21:10:03       55 阅读
  3. 鸿蒙开发 TypeScript 基础语法

    2024-03-21 21:10:03       40 阅读
  4. TypeScript】快速掌握TypeScript基本语法

    2024-03-21 21:10:03       42 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-21 21:10:03       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-21 21:10:03       100 阅读
  3. 在Django里面运行非项目文件

    2024-03-21 21:10:03       82 阅读
  4. Python语言-面向对象

    2024-03-21 21:10:03       91 阅读

热门阅读

  1. 提高效率:Python电子邮件自动化进阶技巧

    2024-03-21 21:10:03       36 阅读
  2. openjudge 4.6贪心算法3528:最小新整数

    2024-03-21 21:10:03       43 阅读
  3. ONNX 的简介及应用

    2024-03-21 21:10:03       43 阅读
  4. 设计模式(行为型设计模式——观察者模式)

    2024-03-21 21:10:03       43 阅读
  5. 使用Docker创建Let‘s Encrypt SSL证书

    2024-03-21 21:10:03       36 阅读
  6. vue2知识总结

    2024-03-21 21:10:03       39 阅读
  7. 《牛客》-D小红统计区间(easy)

    2024-03-21 21:10:03       47 阅读
  8. c++ string怎么copy固定长度的数据

    2024-03-21 21:10:03       44 阅读