Typescript
文章平均质量分 56
Milk595
努力做自己喜欢做的事
展开
-
【TypeScript】初步了解枚举
TypeScript 初步了解枚举理解:枚举是列举固定几个值,直接定义变量的话的话可以随意定义,枚举只能使用你定义好的几个值。使用枚举我们可以定义一些带名字的常量,TypeScript支持数字的和基于字符串的枚举使用了枚举,别人只能传你枚举类里定义好的几个类型,传其它的就会在编译时期报错数字枚举我们定义了一个数字枚举, Up使用初始化为 1。 其余的成员会从 1开始自动增长(自增长1)。 换句话说,Direction.Up的值为 1, Down为 2, Left为 3, Right为 4enum转载 2021-01-04 16:51:48 · 181 阅读 · 0 评论 -
【TypeScript】初步了解类型推论
TypeScript 初步了解类型推论类型推断:类型是在哪里如何被推断的?TypeScript里,在有些没有明确指出类型的地方,类型推论会帮助提供类型,例如:let x = 3;变量 x 的类型被推断为数字。 这种推断发生在初始化变量和成员,设置默认参数值和决定函数返回值时最佳通用类型当需要从几个表达式中推断类型时候,会使用这些表达式的类型来推断出一个最合适的通用类型,例如:let x = [0,1,null]为了推断x的类型,我们必须考虑所有元素的类型。 这里有两种选择: number转载 2021-01-04 17:16:42 · 211 阅读 · 0 评论 -
【TypeScript】初步了解泛型
TypeScript 泛型泛型函数:重用性高 使返回值的类型与传入参数的类型是相同的类型变量:T 只用于表示类型,不表示值function a<T>(arg: T): T { return arg;}这里 a 添加了类型变量 T。T能够捕获用户传入的类型(例如:number),同时我们使用了T当做返回值类型。这样参数类型和返回值类型是相同的,这里的 a 函数就叫做泛型,它可以适用于多个类型。 不同于使用 any,它能够保持准确性(any 返回任意类型的值)泛型函数使用方法:一转载 2021-01-04 15:01:06 · 206 阅读 · 0 评论 -
【TS基础】变量声明
变量声明let和const是JavaScript里相对较新的变量声明方式。 像我们之前提到过的, let在很多方面与var是相似的,但是可以帮助大家避免在JavaScript里常见一些问题。const是对let的一个增强,它能阻止对一个变量再次赋值。因为TypeScript是JavaScript的超集,所以它本身就支持let和const。 下面我们会详细说明这些新的声明方式以及为什么推荐使用它们来代替var。var 声明一直以来我们都是通过var关键字定义JavaScript变量。var a =转载 2020-10-12 11:14:49 · 684 阅读 · 0 评论 -
【TS基础】初学之 Interface 接口定义
初学之 Interface接口介绍TypeScript的核心原则之一是对值所具有的结构进行类型检查。 它有时被称做“鸭式辨型法”或“结构性子类型化”。 在TypeScript里,接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约。接口初探下面通过一个简单示例来观察接口是如何工作的:function printLabel(labelledObj: { label: string }) { console.log(labelledObj.label);}let myObj = {转载 2020-10-10 18:10:20 · 3005 阅读 · 0 评论 -
【TS基础】TypeScript为什么能成为前端圈新宠?
TypeScript为什么能成为前端圈新宠?前端开发有一个定律叫做Atwood定律,那就是“任何能用JavaScript实现的应用,最终都会用JavaScript实现。”从移动端到后端服务,从 IoT 到神经网络,JavaScript几乎无处不在。如此广阔的应用领域,自然对语言的安全性、健壮性和可维护性有更高的要求。尽管ES标准在近几年有了长足的进步,但在类型检查方面依然无所建树。不知道朋友们是否经常遇到过如下场景:你调用一个别人写的函数,很不幸,这个家伙没有留下任何注释,为了搞清楚参数类型,你有转载 2020-10-10 16:04:57 · 2220 阅读 · 0 评论 -
【TS基础】布尔类型、数字类型、字符串类型、数组类型
布尔类型、数字类型、字符串类型、数组类型、元组类型先看文件目录布尔类型(boolean)true falseindex.ts只能是赋值 true/false,如果赋值其他值则会报错flag = 'str' // 错误写法这样写法也可以flag = false数字类型(number)index.ts// 数字类型(number)let a:number = 123console.log(a)a=12.3 // ts 对浮点型和整型数字没有区分 console.log(原创 2020-09-19 23:45:15 · 4083 阅读 · 0 评论 -
【TS基础】类型“Window & typeof globalThis”上不存在属性“$loading”
类型“Window & typeof globalThis”上不存在属性“$loading”错误问题解决方法需要声明一下window目录文件代码演示declare interface Window { $loading: any}接口声明(interface I { x: number[]; })原创 2020-08-31 14:30:57 · 35868 阅读 · 3 评论 -
【TS基础】基础类型
基础类型布尔值let milk: boolean = false;数字let milk: number = 6;字符串let name: string = 'milk';name = 'lulu';let name: string = 'gg';let age: number = 23;let xixi: string = `Hello, nihao ${name}i am ${age + 2}`;数组TypeScript像JavaScript一样可以操作数组元素。 有两种原创 2020-08-24 18:37:51 · 262 阅读 · 0 评论 -
【TS基础】介绍 、安装、编译
Typescript介绍1.Typescript是由微软开发的一款开源的编程语言2.Typescript是JavaScript的超集,遵循最新的ES6/ES5规范。TypeScript扩展了JavaScript的语法。3.Typescript更像后端java,C#这样的面向对象语言,可以让js开发大型企业项目4.谷歌也在大力支持Typescript,谷歌的angular2.x就是基于TypeScript语法5.最新的Vue/React也可以集成TypeScript6.Node.js框架Nest.原创 2020-08-03 22:59:07 · 331 阅读 · 0 评论