TypeScript
TypeScript
yingjieweb
踏踏实实学点前端
展开
-
还是记不住 TS 的 interface 和 type 的区别?
不知道是不是上了年纪,上个月刚看过的知识点,转头就忘的一干二净 🤷♂️。这知识它怎么就不进脑子 😡。原创 2023-07-20 12:58:10 · 161 阅读 · 0 评论 -
TypeScript 介绍、安装和配置
目录1、TypeScript 基本介绍2、Typescript 安装编译3、配置 WebStorm 自动编译 TypeScript1、TypeScript 基本介绍Typescript 是由微软开发的一款开源的编程语言,它是 Javascript 的超级,遵循最新的 ES6、Es5 规范(TypeScript 包含 ES6,ES6 包含 ES5)。TypeScript 扩展了 ...原创 2020-01-09 21:23:24 · 2223 阅读 · 0 评论 -
Typescript 基本语法和数据类型
目录1、Typescript 基础语法2、Typescript 基本类型1、Typescript 基础语法在 es5 中,JavaScript 的变量可以是任意类型,比如变量声明的时候为 boolean 类型,后续又可以被赋值为 number 类型,但是 Typescript 中,声明变量或传递参数时需要在变量和参数后通过 ' :数据类型 '的形式:var [变量名]:[类型...原创 2020-01-13 21:15:30 · 242 阅读 · 0 评论 -
TypeScript 中「函数」的基本使用
在 TypeScript 中,除了给某个变量添加类型注释之外,函数需要书写参数类型和 返回值类型,这样 TypeScript 就可以对函数的参数和返回值类型进行约束,从而达到类型严谨的目的。如果涉及到可选参数、默认参数、函数的重载,则需要进行特殊的书写,具体可以看下面操作。1、函数返回值类型//函数声明function fun():string{ //约束返回值的类型为是 string,如果没有返回值写:void return 'erha';}//匿名函数let...原创 2020-08-10 20:44:40 · 291 阅读 · 0 评论 -
TypeScript 中「类」的基本使用
1、es 5 中的类的定义function Person(){ //es5中简单的类 this.name = '张三'; //属性 this.age = 20; this.run = function(){ //实例方法:通过 new 的实例来调用 alert(`${this.name}快点跑啊!`); }}Person.prototype.work = function(){ //原型方法:实例会共享这个方法原创 2020-08-10 21:27:09 · 239 阅读 · 0 评论 -
TypeScript 中「接口」的基本使用
TypeScript 接口的作用:在面向对象的编程中,接口是一种规范的定义,它定义了行为和动作的规范,在程序设计里面,接口起到一种限制和规范的作用。接口定义了某一批类所需要遵守的规范,接口不关心这些类的内部状态数据,也不关心这些类里方法的实现细节,它只规定这批类里必须提供某些方法,提供这些方法的类就可以满足实际需要。typescrip中的接口类似于java,同时还增加了更灵活的接口类型,包括屌性、函数、可索引和类。...原创 2020-08-10 21:50:38 · 292 阅读 · 0 评论 -
TypeScript 中「泛型」的基本使用
1、泛型的定义泛型:软件工程中,我们不仅要创建一致的定义良好的 API,同时也要考虑可重用性。组件不仅能够支持当前的数据类型,同时也能支持未来的数据类型,这在创建大型系统时为你提供了十分灵活的功能。在像 C# 和 Java 这样的语言中,可以使用泛型来创建可重用的组件,一个组件可以支持多种类型的数据。这样用户就可以以自己的数据类型来使用组件。通俗理解:泛型就是解决 类、接口、方法 的复用性、以及对不特定数据类型的校验。2、泛型函数function getData1(value:stri原创 2020-08-11 12:26:06 · 310 阅读 · 0 评论