![](https://img-blog.csdnimg.cn/20210506161123971.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
TypeScript
TypeScript系统入门到项目实战
帅帅邬同学
星辰和大海都需要门票,诗和远方的路费也都很贵,就好像我稍不努力连情怀都养不起!
展开
-
13_只读属性和抽象类!!!
只读属性和抽象类只读属性测试及结果抽象类测试及结果只读属性在属性前面加上 readonly 关键字即可!!!class Person { public readonly name: string; constructor(name: string) { this.name = name; }}测试及结果测试代码:const person = new Person('Dell');person.name = 'hello';console.log(person.na原创 2021-05-08 18:53:12 · 226 阅读 · 0 评论 -
12_静态属性、Setter和Getter以及单例模式的实现!!!
静态属性、Setter和Getter以及单例模式的实现Setter和Getter测试及结果类中的静态属性单例模式的实现测试及结果Setter和Getterclass Person { constructor(private _name: string) {} get name() { return this._name + " lee"; } set name(name: string) { const realName = name.split(" ")[0];原创 2021-05-08 18:23:07 · 378 阅读 · 0 评论 -
11_类中的访问类型和构造器!!!
类中的访问类型和构造器类中的访问类型小结类中的构造器调用父类的构造器测试及结果类中的访问类型private, protected, public 三种访问类型class Person { protected name: string; public sayHi() { this.name = "ws"; console.log(this.name); console.log("hi"); } private sayABC() { this.name;原创 2021-05-08 17:29:59 · 216 阅读 · 0 评论 -
10_类的定义与继承!!!
类的定义与继承类的定义类的继承测试及结果类的定义class Person { name = "dell"; getName() { return this.name; }}类的继承class Teacher extends Person { getTeacherName() { return "Teacher"; } getName() { // console.dir(super.getName); return super.getNam原创 2021-05-06 20:37:16 · 133 阅读 · 0 评论 -
09_Interface 接口!!!
TypeScript中的 Interface 接口interface 和 type接口的继承测试及结果类实现接口接口类型的显式声明(了解)interface 和 typeinterface 和 type 相类似,但并不完全一致,优先使用接口interface Person { // readonly name: string; // 表示name属性是只读的 name: string; age?: number; // age可有可无 [propName: string]: any;原创 2021-05-06 20:24:04 · 94 阅读 · 0 评论 -
08_数组和元组!!!
数组和元组数组type alias 类型别名元组 tuple元组的嵌套数组const arr: (number | string)[] = [1, "2", 3];const stringArr: string[] = ["a", "b", "c"];const undefinedArr: undefined[] = [undefined];type alias 类型别名// 使用 type 关键字,定义一个 User 类型type User = { name: string; age: n原创 2021-05-06 20:02:44 · 142 阅读 · 0 评论 -
07_基础语法复习!!!
TypeScript基础语法复习基础类型对象类型其它的 case基础类型基础类型: boolean, number, string, void, undfined, symbol, nulllet count: number;count = 123;对象类型对象类型:{ }, Class, function, [ ]const func = (str: string) => { return parseInt(str, 10);};const func1: (str: str原创 2021-05-06 19:37:35 · 69 阅读 · 0 评论 -
06_函数相关类型!!!
函数相关类型类型一类型二类型三类型四类型五测试及结果类型一参数是基本类型,类型写法如下:function add(first: number, second: number): number { return first + second;}类型二返回值是基本类型 void,类型写法如下:function sayHello(): void { console.log("hello");}类型三返回值是基本类型 never,表示这个函数永远不会执行完,类型写法如下:funct原创 2021-05-06 19:22:21 · 71 阅读 · 0 评论 -
05_类型注解和类型推断!!!
类型注解和类型推断如果 TS 能够自动分析变量类型,我们就什么也不需要做了如果 TS 无法分析变量类型的话,我们就需要使用类型注解类型注解type annotation: 类型注解, 我们来告诉 TS 变量是什么类型function getTotal(firstNumber: number, secondNumber: number) { return firstNumber + secondNumber;}const total = getTotal(1, 2);类型推断typ原创 2021-05-06 18:58:54 · 75 阅读 · 0 评论 -
04_基础类型和对象类型!!!
数据类型基础类型基础类型: null, undefined, symbol, boolean, voidconst count: number = 123;const teacherName: string = "Dell";对象类型class Person {}const teacher: { name: string; age: number;} = { name: "Dell", age: 18,};const numbers: number[] = [1,原创 2021-05-06 18:50:25 · 76 阅读 · 0 评论 -
03_TypeScript基础环境搭建!!!
安装TypeScriptnpm i typescript -g使用源代码:interface Point { x: number; y: number;}function tsDemo(data: Point) { return Math.sqrt(data.x ** 2 + data.y ** 2);}console.log(tsDemo({ x: 1, y: 123 }));生成编译后的JavaScript文件tsc 文件名.tsfunction tsD原创 2021-05-06 17:02:44 · 64 阅读 · 0 评论 -
02_TypeScript带来了什么优势!!!
对比:需求:求两数平方和的开方版本一:普通JavaScriptfunction tsDemo(data) { return Math.sqrt(data.x ** 2 + data.y ** 2);}console.log(tsDemo({ x: 1, y: 123 }));版本二:TypeScriptinterface Point { x: number; y: number;}function tsDemo(data: Point) { return Math.原创 2021-05-06 16:51:19 · 151 阅读 · 0 评论 -
01_TypeScript的定义!!!
静态类型let b: number = 123;b = 456;解释声明一个变量b,类型为 number,数字类型,则如果对b进行赋值的话,只能赋值为数字类型。否则就会报错!!!例如:b = ‘456’;报错信息如下:当然啦,大家如果有补充的或者其它问题,欢迎大家在评论区交流啊,路漫漫其修远兮,吾将上下而求索,希望大家可以一起坚持下去啊!????????????~~~如果这篇文章能够帮助到您,希望您不要吝惜点赞????????和收藏????????,您的支持是我继续创作的动力 ???原创 2021-05-06 16:33:14 · 70 阅读 · 0 评论