typeScript

TypeScript 简介

TypeScript 是由微软公司在 2012 年正式发布，现在也有 8 年的不断更新和维护了，TypeScript 的成长速度是非常快的，现在已经变成了前端必会的一门技能。

TypeScript 其实就是 JavaScript 的超集，也就是说 TypeScript 是建立在 JavaScript 之上的，最后都会转变成 JavaScript。

 

function jspang() {
  let web: string = "Hello World";
  console.log(web);
}

jspang();

 

基础静态类型

基础静态类型非常简单，只要在声明变量的后边加一个:号，然后加上对应的类型哦。比如下面的代码，就是声明了一个数字类型的变量，叫做count。

const count : number = 918;
const myName ：string = 'jspang'

 

对象类型

const xiaoJieJie: {
  name: string,
  age: number,
} = {
  name: "大脚",
  age: 18,
};
console.log(xiaoJieJie.name);

数组

const xiaoJieJies: String[] = ["谢大脚", "刘英", "小红"];

• 对象类型
• 数组类型
• 类类型
• 函数类型

这几种形式我们在TypeScript里叫做对象类型。

 

工作使用问题（潜规则）

• 如果 TS 能够自动分析变量类型， 我们就什么也不需要做了
• 如果 TS 无法分析变量类型的话， 我们就需要使用类型注解

 

function getTotal(one: number, two: number): number {
  return one + two;
}
const total = getTotal(1, 2);

 

函数无返回值时定义方法

有时候函数是没有返回值的，比如现在定义一个sayHello的函数，这个函数只是简单的terminal打印，并没有返回值。

function sayHello() {
  console.log("hello world");
}

这就是没有返回值的函数，我们就可以给他一个类型注解void，代表没有任何返回值。

function sayHello(): void {
  console.log("hello world");
}

function add({ one, two }: { one: number, two: number }): number {
  return one + two;
}
const three = add({ one: 1, two: 2 });

function getNumber({ one }: { one: number }): number {
  return one;
}
const one = getNumber({ one: 1 });