这是我参与「第五届青训营」伴学笔记创作活动的第 4 天

学习笔记

对Typescript的认识

Typescript和Javascript的关系有些类似于less和css之间的关系，Typescript是对Javascript的改良，将实际开发中遇到的一些问题修复掉。Typescript是Javascript的超集，它有着更健壮的代码，在实际开发中出现的频率也越来越多，作用也将越来越大。
TypeScript提供了静态检测, 在编译时就发现错误，类似于后端的一些语言，C、Java。

Typescript的基础学习

Typescript的数据类型

8种基本数据类型

从es6之后，Javascript有了8种内置的基础数据类型，所以Typescript在写的时候也有8种。

let s: string = "string";
let num: number = 3;
let bool: boolean = false;
let u: undefined = undefined;
let n: null = null;
let obj: object = {age: 1};
let big: bigint = 100n;
let sym: symbol = Symbol("symbol");

一些特别注意的地方

null和undefined是所有类型的子类型，可以将这两种类型的值赋值给其他的类型。

如果tsconfig.json进行了相关的更改，让"strictNullChecks":true ，这样的null 和 undefined 只能赋值给 void 和它们自身的类型。

number类型和bigint类型不兼容，不能直接相互赋值。

其他的类型

数组和元组

数组(array)的定义方式：

let arr:number[] = [1,2];
let arr2:Array<string> = ["1","2"];

定义一个联合类型的数组

let arr3:(number | string)[] = [1,"1"];

元组(tuple) Javascript中没有元组，但是Typescript中新增添元组。元组中的类型和元素的个数，在定义之初就已经规定好了。
如果不按照定义的类型与顺序来赋值，就会出错。 它适合用于实现多值返回。

let x: [number, string];
x = [1,"1"];

CSS当中主要由两个主要的部分来组成：一个是选择器，另外一个是选择器中包含的属性及相关值。

div {
        color: green;
        font-size: 14px;
    }

函数

函数的声明要指定参数和返回值的类型。

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

函数表达式也非常的长。

let Sum: (x: number, y: number) => number = function (x: number, y: number): number {
    return x + y;
};

可以用接口来定义函数的类型

interface sum{
  (x: number, y: number): number;
}

...待续

前端学习04|青训营笔记