TypeScript
_sophia
这个作者很懒,什么都没留下…
展开
-
TypeScript学习笔记(十):Generice泛型
Generice泛型 举例: let lastIntArry=<T>(arry:T[])=>{ return arry[arry.lenth-1]; } const l1=lastIntArry([1,2,3,4]); //ts会自动匹配l1的类型为number const l2=lastIntArry(["a","b","c","d"]); //ts会自动匹配l2的类型为string const l3=lastIntArry<string|number>(["a","原创 2021-05-05 10:57:59 · 82 阅读 · 0 评论 -
TypeScript学习笔记(九):Interface接口
interface 接口 let drowPaint=(point:Point)=>{ //用接口来限制drowPaint的参数 console.log({x:ponit.x,y:point.y}); } drowPaint({x:12,y:13}); interface Point{ x:number; y:number; } 高内聚,低耦合:高内聚,简单来说就是,功能相关的事物应该放在同一个集合中,形成一个模块。而这些模块应该是相互独立的,不同模块之间应该保持低耦合的状态。原创 2021-04-29 13:22:39 · 55 阅读 · 0 评论 -
TypeScript学习笔记(八):Object对象类型
Object对象类型 基本上使用花括号并且以键值对形式实现的数据都属于对象类型 JavaScript中对象Object:key to value TypeScript与JavaScript不同的是:key to type 键类型对, ts会自动给变量匹配类型 const person{ name:"sophia"; age:18; } console.log(person.firstname) //会报错,因为在typescript中比可以调用未定义的变量 object与any的区别:可以把o原创 2021-04-29 12:31:06 · 2246 阅读 · 0 评论 -
TypeScript学习笔记(七):函数及Lambads与this关键字的使用
Typescript函数 一、函数类型 1.函数的书写 (a)命名函数 function add(x:number,y:number):string{ return "hello typescript"; //函数定义为string类型返回值必须为string类型 } (b)匿名函数 let myadd=function(x:number,y:number):string{ return "hello ts"; } ...原创 2021-04-29 12:05:55 · 178 阅读 · 1 评论 -
TypeScript学习笔记(六):static和使用技巧
static 使用:需要通过类名来进行调用 举例: class Person{ static name:string; tell(){ alert("姓名:"+Person.name) } } let p=new Person(); Person.name="sophia"; p.tell(); 使用技巧: class Greeter{ greeting:string; constructor:(message:string){ this.greeting=message; }原创 2021-04-28 19:54:27 · 262 阅读 · 0 评论 -
TypeScript学习笔记(五):访问修饰符与封装的实现
访问修饰符 public与private 1.public:public表明该数据成员、成员函数是对所有用户开放的,所有用户都可以直接进行调用 2.private:private表示私有,私有的意思就是除了class自己之外,任何人都不可以直接使用。 class Person{ name:string; //不指定时默认为public age:number; constructor(name:string,private age:number){ this.name=name;原创 2021-04-28 19:11:49 · 56 阅读 · 0 评论 -
TypeScript学习笔记(四):类的继承
类的继承 在TypeScript中,可以从另一个类继承一个类。需使用extends关键字即可执行继承。以下示例,可以帮你更好地理解它。 class Person{ name:string; age:number; constructor(name:string,age:number){ this.name=name; this.age=age; } tell(){ return this.name+":"+this.age; } } class S原创 2021-04-28 17:08:22 · 93 阅读 · 0 评论 -
TypeScript学习笔记(三):类的创建
类的创建 类 类名{} **类中包含两个内容:**属性、方法 class person{ name:string; age:number; constructor(name:string,age:number){ //可以传参的构造方法 this.name=name; this.age=age; } print(){ //普通的函数 return this.name+":"+this.age; } }原创 2021-04-28 16:31:40 · 163 阅读 · 0 评论 -
TypeScript学习笔记(二)
TypeScript类型 一、Number数字类型:可表示整数、浮点数和正负数 二、String字符串类型 1.单引号:'abcd' 2.双引号:"abcd" 3.反引号:abcd (es6引入新的字符串书写方式,可实现内容的分段、分行、填充变量,可以创建一个字符串模板)//键盘上的波浪线那个键英文状态下就是反引号`` 三、Boolean布尔类型 两种定义方式: 1.Typescript会自动定义isTrue为boolean类型 let isTrue=true; 2.手动指定类型 let isTrue原创 2021-04-28 15:52:17 · 426 阅读 · 0 评论 -
TypeScript学习笔记(一)及开发环境的搭建
TypeScript学习笔记(一)及开发环境的搭建 ** 一、简介: TypeScript是微软开发的Javascript的超集,TypeScript兼容JavaScript,可以载入JavaScript代码然后运行。 二、与JavaScript比较不同之处: (a) 加入注释,让编译器理解所支持的对象和函数,编译器会移除注释,不会增加开销。 (b) 增加一个完整的类结构,使之更新是传统的面向对象语言。 三、语法特性: 类Class 接口 Interfaces 模块 Modules 环境搭建 1.安装nod原创 2021-04-27 20:32:28 · 164 阅读 · 2 评论