
TypeScript
_sophia
这个作者很懒,什么都没留下…
展开
-
TypeScript学习笔记(十):Generice泛型
Generice泛型举例:let lastIntArry=<T>(arry:T[])=>{ return arry[arry.lenth-1];}const l1=lastIntArry([1,2,3,4]); //ts会自动匹配l1的类型为numberconst l2=lastIntArry(["a","b","c","d"]); //ts会自动匹配l2的类型为stringconst l3=lastIntArry<string|number>(["a","原创 2021-05-05 10:57:59 · 135 阅读 · 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 · 97 阅读 · 0 评论 -
TypeScript学习笔记(八):Object对象类型
Object对象类型基本上使用花括号并且以键值对形式实现的数据都属于对象类型JavaScript中对象Object:key to valueTypeScript与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 · 2340 阅读 · 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 · 300 阅读 · 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 · 308 阅读 · 0 评论 -
TypeScript学习笔记(五):访问修饰符与封装的实现
访问修饰符public与private1.public:public表明该数据成员、成员函数是对所有用户开放的,所有用户都可以直接进行调用2.private:private表示私有,私有的意思就是除了class自己之外,任何人都不可以直接使用。class Person{ name:string; //不指定时默认为publicage:number; constructor(name:string,private age:number){ this.name=name;原创 2021-04-28 19:11:49 · 93 阅读 · 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 · 144 阅读 · 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 · 216 阅读 · 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 · 603 阅读 · 0 评论 -
TypeScript学习笔记(一)及开发环境的搭建
TypeScript学习笔记(一)及开发环境的搭建**一、简介:TypeScript是微软开发的Javascript的超集,TypeScript兼容JavaScript,可以载入JavaScript代码然后运行。二、与JavaScript比较不同之处:(a) 加入注释,让编译器理解所支持的对象和函数,编译器会移除注释,不会增加开销。(b) 增加一个完整的类结构,使之更新是传统的面向对象语言。三、语法特性:类Class接口 Interfaces模块 Modules环境搭建1.安装nod原创 2021-04-27 20:32:28 · 245 阅读 · 2 评论