typescript
马优晨
生活中的打击和挫折远比想象的更多,有时灾难又会让你的一切努力白费,也许明天我们就会死去,但如果我们还活着,在面对着种种不公和无奈过后,“明天的明天的明天,你是否会依然爱着这个世界。” 我想我会.......................
展开
-
rax自定义微信小程序导航栏
自定义微信小程序导航栏原创 2023-03-14 15:11:08 · 244 阅读 · 0 评论 -
请尝试将 `lib` 编译器选项更改为 es2015 或更高版本
如上图所示,页面中的某些字段会报语法问题。”上没有“xxx”属性。是否需要更改目标库?看提示是需要支持es5以上的意思,那我们升级一下。选项更改为 es2015 或更高版本。原创 2022-10-14 12:01:20 · 1760 阅读 · 0 评论 -
typescript数组,对象,接口实例
一、typeScript 数组1、数组解构 /* let [x:number,y:string,z:number] = [1,'1',3]; 报错,不支持 *//* let x:number; let y:string; let z:Array<number>; let testArray =[0,'nihao',[1,2,3]]; [x,y,z] = testArray; console.log(x,y,z); 不能使用其他类型 */ let原创 2021-11-25 20:41:48 · 1807 阅读 · 0 评论 -
typeScript的函数实例
// 1、遍历const myBooks =['白菜','青菜','黄瓜'];myBooks.forEach((title, idx, arr) => console.log(idx + '-' + title));// 2、参数类型和返回类型function createUserId(name: string, id: number): string { return name + id;}const createName = (name:string,age:numbe.原创 2021-11-25 14:59:54 · 419 阅读 · 0 评论 -
ts交叉类型
typeScript 交叉类型是将多个类型合并为一个类型。 这让我们可以把现有的多种类型叠加到一起成为一种类型,它包含了所需的所有类型的特性。interface IPerson { id: string; age: number;}interface IWorker { companyId: string;}type IStaff = IPerson & IWorker;const staff: IStaff = { id: 'E1006', age: 33原创 2021-11-25 11:52:42 · 866 阅读 · 0 评论 -
typescript可辨识联合
如果一个类型是多个类型的联合类型,且多个类型含有一个公共属性,那么就可以利用这个公共属性,来创建不同的类型保护区块。enum CarTransmission { Automatic = 200, Manual = 300}interface Motorcycle { vType: "motorcycle"; // discriminant make: number; // year}interface Car { vType: "car"; // discriminan原创 2021-11-25 11:43:27 · 246 阅读 · 0 评论 -
typescript使用in关键字进行类型守卫
类型保护是可执行运行时检查的一种表达式,用于确保该类型在一定的范围内。换句话说,类型保护可以保证一个字符串是一个字符串,尽管它的值也可以是一个数值。类型保护与特性检测并不是完全不同,其主要思想是尝试检测属性、方法或原型,以确定如何处理值。目前主要有四种的方式来实现类型保护,这里主要演示使用in关键字进行类型守卫;interface YuZhouK{ name:string, dis:number}interface YuZhouV{ name:string,原创 2021-11-25 11:25:14 · 3045 阅读 · 0 评论 -
typescript断言
有时候你会遇到这样的情况,你会比 TypeScript 更了解某个值的详细信息。通常这会发生在你清楚地知道一个实体具有比它现有类型更确切的类型。通过类型断言这种方式可以告诉编译器,“相信我,我知道自己在干什么”。类型断言好比其他语言里的类型转换,但是不进行特殊的数据检查和解构。它没有运行时的影响,只是在编译阶段起作用。(1)"尖括号"语法let someSB:any = 'you are sb';let someSBLength:number = (<string...原创 2021-11-25 11:19:39 · 574 阅读 · 0 评论 -
typescript基本类型demo
//常量定义let isDone: boolean = false;let age:number = 30;let sex:string = 'man';let list:number[] = [1,2,3,4,5];let list2:Array<number> = [6,7,8];let sexTodo:string[] = ['man','sex'];let countList:Array<number> = [89,90];// let tupleType..原创 2021-11-24 15:31:27 · 239 阅读 · 0 评论 -
TS学习总结
(1)编译开发TS可以使用(2)数据类型数据类型主要作用是:方便数据维护和数据校验;布尔类型 boolean数字类型 number字符串类型 string数组类型 array元组类型 tuple枚举类型 enum任意类型 anynull 和 undefinedvoid类型never类型数组的三种写法:var arr:number[] = [11,22,33];console.log(arr);var arr:Arrary<number> =[11,22,33原创 2020-12-11 10:35:54 · 4329 阅读 · 4 评论 -
在tsx中引入less会提示模块找不到,但是可以运行
在tsx中引入less或者 sass文件会提示模块找不到,但是可以运行,想必很多人都遇到过这个问题?具体提示:处理方案:(1)使用变量接收const cls = require('./index.module.less');(2)配置全局ts文件全局ts配置文件typings.d.ts,也可能叫.d.ts配置declare module '*.module.scss' { const classes: { [key: string]: string }; export defaul原创 2020-11-17 16:38:20 · 10907 阅读 · 0 评论 -
typescript的数据类型
TypeScript中的数据类型有:Undefined :Number: 数值类型;string : 字符串类型;Boolean: 布尔类型;enum: 枚举类型;any : 任意类型,一个牛X的类型;void: 空类型;Array : 数组类型;Tuple : 元祖类型;Null : 空类型。举例子:基本类型var age:number = 18;va...原创 2018-12-13 14:40:29 · 511 阅读 · 0 评论 -
typescript赋值
TS支持像JS一样的对象赋值原始对象赋值let mayouchen = { name:'yoga', age:1000, eat:function(){ console.log("1234567890"); }}console.log(mayouchen.eat());//引用数据类型定义 array String Date RegExp引用类型...原创 2018-12-14 10:20:13 · 7298 阅读 · 0 评论 -
typescript的命名空间
命名空间的作用防止变量冲突;构建大型项目时候大家可以分成不同的模块开发;命名空间写法命名空间可以将代码包裹起来,只对外暴露需要在外部访问的对象。namespace + 空间名;命名空间内的对象通过export关键字对外暴露;命名空间引入通过import可以引入这个模块,并且在在引用命名空间时,可以通过import关键字起一个别名命名空间实例namespace shuai...原创 2018-12-17 16:20:34 · 1081 阅读 · 0 评论 -
typescript接口定义
接口描述:接口的使用,这里讲的是接口的使用 (其实就是定义一些规定)//数据接口interface Learn{ sex:string, infer:string, ha?:Boolean, //可选参数}//函数接口interface Say{ (name:string,sex:string):boolean;}let le:Learn = {sex:'m...原创 2018-12-18 10:54:45 · 1523 阅读 · 0 评论 -
typescript继承和重写
类的继承和重写在这里通过一个例子,说一下typescript继承和重写 //父类 class Gege{ public name:string; public age:number; public sex:string; public constructor(sex:string,name:string,age:number){...原创 2018-12-18 11:59:43 · 25895 阅读 · 0 评论 -
typescript设置只读属性和任意类型
对象中的一些字段只能在创建的时候被赋值,那么可以用 readonly 定义只读属性interface Zerb { readonly id: number name: string age?: number [propName: string]: any //这里设置的是任意类型}let zerb: Zerb = { id: 89757, name: 'Tom',...原创 2019-07-10 10:25:17 · 8349 阅读 · 0 评论 -
typescript数组类型
(1)「类型 + 方括号」表示法let fibonacci: number[] = [1, 1, 2, 3, 5]//错误处理:fibonacci.push({ aa: 'aa' }) //只能根据定义的类型进行操作let fibonacci2: number[] = [1, '2', 3, 4, 55, 66] //不能出现其他类型(2) 数组泛型let fib...原创 2019-07-10 16:47:58 · 3041 阅读 · 2 评论 -
typescript函数使用
一、定义函数的方式:函数声明(Function Declaration)函数表达式(Function Expression)用接口定义函数函数的类型(1)函数声明function sumNumber(x: number, y: number): number { return x + y}sumUpNumber(1, 2)function addMyMes(x: n...原创 2019-07-10 19:27:35 · 409 阅读 · 0 评论 -
typescript类型断言
类型断言表示:<类型> 值值 as <类型>类型断言原理:(1)不确定一个联合类型的变量到底是哪个类型的时候,我们只能访问此联合类型的所有类型里共有的属性或方法;(2) 类型断言不是类型转换,断言成一个联合类型中不存在的类型是不允许的;举例说明:报错代码:function getLength(something: string | number): num...原创 2019-07-11 10:50:29 · 2904 阅读 · 0 评论 -
Typescript常见三种函数类型
Typescript有常见三种函数类型:分别是普通的函数;有可选参数的函数;有剩余参数的函数;普通函数function findMan(age:number):string{ return 'find the '+ age + 'years'}有可选参数的函数function findPeople(age:number,name?:string):string{ if...原创 2018-12-13 14:23:38 · 3191 阅读 · 0 评论