ts从入门到精通
码上流星&洒下星辰
前端领域新星创作者、技术传递力量、传承布道精神、期待你我共同进步
展开
-
Ts中泛型的使用
泛型指在定义函数、接口或类的时候,不预先指定具体的类型,而在使用的时候再指定具体类型的一种特性。引入下面创建一个函数, 实现功能: 根据指定的数量 count 和数据 value , 创建一个包含 count 个 value 的数组不使用泛型function createArray(value: any, count: number): any[] { const arr: any[] = [] for (let index = 0; index < count; index原创 2022-04-05 18:15:00 · 881 阅读 · 2 评论 -
Ts中函数的使用
函数基本示例和 JavaScript 一样,TypeScript 函数可以创建有名字的函数和匿名函数// 命名函数function add(x, y) { return x + y}// 匿名函数let myAdd = function(x, y) { return x + y;}函数类型function add(x: number, y: number): number { return x + y}let myAdd = function(x: number,原创 2022-04-05 13:47:18 · 3096 阅读 · 0 评论 -
Ts接口的使用
TypeScript 的核心原则之一是对值所具有的结构进行类型检查。我们使用接口(Interfaces)来定义对象的类型。接口是对象的状态(属性)和行为(方法)的抽象(描述)接口初探需求: 创建人的对象, 需要对人的属性进行一定的约束id是number类型, 必须有, 只读的name是string类型, 必须有age是number类型, 必须有sex是string类型, 可以没有下面通过一个简单示例来观察接口是如何工作的:可选属性: ?只读属性: readonly/* 在 TypeS原创 2022-04-05 13:32:38 · 1596 阅读 · 0 评论 -
TypeScript中类的使用详解
类的简介:类中主要包含了俩个部分:属性跟方法类直接去获取实例上的方法和属性是获取不到的所以类可以通过在属性或者方法前加static来获取实例中的方法和属性属性和方法前加readonly表示只读的不可修改的class Person{// 定义实例属性// readonly开头的属性表示只读的属性,不可修改 name:string = "孙悟空"; static age:number = 18 // 定义方法 static sayHello(){原创 2021-09-24 11:11:18 · 230 阅读 · 1 评论 -
搭建webpack脚手架来打包TypeScript代码
创建文件夹目录结构: dabaots初始化 npm init -y生成package.json文件目录结构:dabaotsdabaots / package.json然后在开发环境中安装以下四个工具webpack··························(打包代码的核心工具)webpack-cli·····················(webpack的命令行工具)typescript ·······················(写ts所需的核心包)ts-loa原创 2021-09-20 15:33:16 · 729 阅读 · 4 评论 -
TypeScript的一些安装、转换、热更新等配置方法
安装首先得有node然后在文件目录中git bash输入npm i -g typescript安装成功后输入tsc测试是否安装成功ts转js浏览器不认识ts需要将ts转换为js让浏览器进行编译在当前目录下git bash输入 tsc 文件名.ts回车会发现多出一个helloTs.js文件热更新当前的文件tsc index.ts -w 【不推荐】在全局创建tsconfig.json文件并写入一个空对象 【推荐】然后在全局输入tsc更新js文件,紧接着tsc -w开启热更新监视状态t原创 2021-09-20 11:58:40 · 803 阅读 · 1 评论 -
TypeScript基本类型的了解
数据类型:number,string,boolean跟js类同字面量它就是值本身及值本身的类型let a: 10a = 10;a = 125;a = "123";any表示任何类型,可以任意赋值一个变量赋值为any后相当于对该变量关闭了ts的类型检测在使用ts时候不到万不得已则不建议使用anylet c: anyc = 2c = truec = "2"// 声明一个变量如果不给他赋值则相当于隐式的给当前变量赋值成了anylet d;d = 2d = "2"d =原创 2021-09-19 15:37:57 · 630 阅读 · 1 评论