typescript
文章平均质量分 55
不要跟我说对不起
这个作者很懒,什么都没留下…
展开
-
TS-小技巧-持续更新
【代码】TS-小技巧-持续更新。原创 2023-08-28 14:19:56 · 143 阅读 · 0 评论 -
学习篇-TypeScript-命名空间
文章目录一、TypeScript-命名空间1.命名空间是什么2. 命名空间的好处3. 命名空间的定义4. 命名空间的调用5. 命名空间的示例一、TypeScript-命名空间1.命名空间是什么使用namespace关键字将一段代码包裹起来,这段被包裹起来的逻辑代码就是一个命名空间。2. 命名空间的好处在单一的空间中,如果存在两个变量或函数的名字完全相同,就会出现冲突。为了解决这类问题,只要将相同的变量和函数放在不通的空间中就可以完美解决此类烦恼。代码层面的归类和管理。将有相似功能的代码都归原创 2020-06-06 17:49:10 · 286 阅读 · 0 评论 -
学习篇-TypeScript-泛型
文章目录一、TypeScript-泛型1. 泛型 【generics】2. 泛型的定义和使用3. 泛型约束4. 改进一、TypeScript-泛型1. 泛型 【generics】什么是泛型泛指的类型,是指在定义函数、接口或类的时候,不预先指定具体的类型,而在使用的时候再指定类型的一种特性。应用场景:一个方法或者一个组件需要支持多种数据的类型,用户可以根据自己传入的数据类型来使用该方法或者组件。为什么不使用any类型?any类型是接受任何类型的arg参数,传入值的类型和返原创 2020-05-31 22:47:31 · 364 阅读 · 0 评论 -
学习篇-TypeScript-枚举类型
文章目录一、TypeScript-枚举类型1. 什么是枚举2. 怎么去定义枚举3. 枚举成员4. 枚举类型一、TypeScript-枚举类型1. 什么是枚举枚举(Enum)类型用于取值被限定在一定范围内的场景,TypeScript支持数字的和基于字符串的枚举。关键字:enum2. 怎么去定义枚举数字枚举定义enmu Status { ON, OFF }// 访问取值console.log(Status.ON); // 0// 访问取枚举console.log(S原创 2020-05-30 22:50:33 · 1499 阅读 · 0 评论 -
学习篇-TypeScript-联合类型和类型保护
文章目录一、TypeScript-联合类型和类型保护1. 联合类型2. 类型保护一、TypeScript-联合类型和类型保护1. 联合类型什么是联合类型联合类型(Union Types)表示取值可以为多种类型中的一种。联合类型使用 | 分隔每个类型。let testNumber: string | number;testNumber = 'six';testNumber = 8;// 这里的string | number的含义是,允许testNumber的类型是string或者num原创 2020-05-30 22:48:07 · 300 阅读 · 0 评论 -
学习篇-TypeScript-爬虫-实时监控文件变化
文章目录一、TypeScript-爬虫-更加智能话代码编译运行一、TypeScript-爬虫-更加智能话代码编译运行实时监控js文件变化插件nodemon 【官网】https://github.com/remy/nodemon#nodemonnpm i nodemon -D配置// package.json 的scripts节点下配置"dev:start": "nodemon node ./build/croller.js"// 忽略某些文件的检测"nodemonConfi原创 2020-05-30 22:47:16 · 344 阅读 · 0 评论 -
学习篇-TypeScript-爬虫-单例改造
文章目录一、TypeScript-爬虫-扩展-单例改造一、TypeScript-爬虫-扩展-单例改造需求:改造NewAnalyzer将其变成单例模式代码示例:// 重点代码// 私有化构造方法private constructor() {}// 私有化单例属性private static instance: NewAnalyzer;// 提供静态的获取实例方法static getInstance(): NewAnalyzer { if (!NewAnalyzer.instan原创 2020-05-30 22:46:40 · 267 阅读 · 0 评论 -
学习篇-TypeScript-爬虫-扩展-组合模式
文章目录一、TypeScript-爬虫-扩展-组合模式一、TypeScript-爬虫-扩展-组合模式功能拆分:将爬取网页内容和数据写入文件放在一起将网页数据处理提炼出来,同时实现统一数据处理接口具体实现:新建NewAnalyzerimport fs from "fs";import cheerio from "cheerio";import { Analyzer } from "./crowller";interface Content { [propName: number原创 2020-05-30 22:46:03 · 207 阅读 · 0 评论 -
学习篇-TypeScript-爬虫-基本实现
文章目录一、TypeScript-爬虫-基本实现一、TypeScript-爬虫-基本实现示例代码class Crowller { // 定义需要爬虫的url链接 private url: string = "https://learning.sohu.com/?spm=smpc.news-home.header.7.1580904485627XJyFma3"; // 定义处理好的数据保存路径 private filePath = path.resolve(__dirname原创 2020-05-30 22:45:20 · 451 阅读 · 0 评论 -
学习篇-TypeScript-爬虫-项目创建
文章目录一、TypeScript-爬虫-项目创建一、TypeScript-爬虫-项目创建初始化项目,创建项目描述文件,package.jsonnpm init -y 具体内容如下:{ "name": "demo-2", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" &&a原创 2020-05-30 22:44:20 · 474 阅读 · 0 评论 -
学习篇-TypeScript-抽象类
文章目录一、TypeScript-抽象类一、TypeScript-抽象类将一些具体实际对象的共性进行抽离,形成抽象类。可以定义属性可以有具体的方法但是当一个方法使用abstract关键字修饰的时候,不可以有具体实现。示例:abstract class Geom { // 定义属性 width: number; // 定义方法 getType() { return "Geom"; } // 定义抽象方法,子类继承时,必须实现。 // 且抽象类中不可以有具体原创 2020-05-25 16:26:58 · 366 阅读 · 0 评论 -
学习篇-TypeScript-接口
一、TypeScript-接口1. TypeScript-接口定义在TypeScript中,通用性的规范,一般使用接口进行定义。接口可以用来定义通用属性interface Person { name: string; // ?表示可有可无的参数 age?: number; // 如果是readonly修饰,表示这个变量只能被读取,不能进行赋值 readonly sex: string; // 未来的未知属性,表示这个接口,可以多出其它一个或多个属性,只要满足key为str原创 2020-05-25 16:25:42 · 253 阅读 · 0 评论 -
学习篇-TypeScript-类-静态属性
文章目录一、TypeScript-类-静态属性1. setter/getter2. 单例模式一、TypeScript-类-静态属性1. setter/getter通过set/get,完成对私有属性的开放和封装。class Person4GetOrSet { // 一般用下划线_表示私有属性 constructor(private _name: string) {} // 定义对外开放属性 get name() { return this._name; } // 赋值原创 2020-05-25 16:23:27 · 437 阅读 · 0 评论 -
学习篇-TypeScript-类
文章目录一、TypeScript-类二、类和接口的区别三、类的访问类型四、构造器-constructor一、TypeScript-类类的定义// 类的定义class Person4Class { name = "dell"; getName() { return this.name; }}// 构建类的实例const person4Class = new Person4Class();// 调用类的方法console.log(person4Class.getName原创 2020-05-25 16:22:11 · 150 阅读 · 0 评论 -
学习篇-TypeScript-数组
文章目录一、TypeScript-数组二、TypeScript-元组-tuple一、TypeScript-数组数组的定义普通数组定义const arr: number[] = [1, 2, 3];定义多类型数组const arr: (number | string)[] = [1, 2, 3, "4", "5", "6"];类型别名// type alias 类型别名type User = {name: string; age: number}const objec原创 2020-05-25 16:20:32 · 401 阅读 · 0 评论 -
TypeScript-问题解决-持续更新
文章目录一、TypeScript-问题解决1. An async function or method in ES5/ES3 requires the 'Promise' constructor一、TypeScript-问题解决1. An async function or method in ES5/ES3 requires the ‘Promise’ constructor解决方案:tsconfig.json文件中添加"lib": [ "es2015" ]...原创 2020-05-25 16:09:05 · 2306 阅读 · 0 评论 -
学习篇-TypeScript-函数定义
文章目录一、TypeScript-函数定义二、TypeScript-函数类型一、TypeScript-函数定义普通定义:方式一:function hello() {}方式二:const hello = function() {}方式三:const hello = () => {}高级定义:方式一:const func = (str: string): number => { return parseInt(str, 10);}方式二:const原创 2020-05-25 16:04:31 · 442 阅读 · 0 评论 -
学习篇-TypeScript-类型
文章目录一、类型1. 静态类型2. 类型注解[type annotation]和类型推断[type inference]一、类型1. 静态类型静态类型:当一个变量是静态类型,不仅仅意味着这个变量的类型不能被修改,而且该变量的属性和方法已经确定了,正是因为这样,编辑器在我们编辑代码的时候会给我们很好的提示。静态类型可以帮我我们更直观的判断出属性的类型。分为:基础类型:numberstringnullundefinedsymbolbooleanvoid对象类型{}原创 2020-05-16 10:12:41 · 190 阅读 · 1 评论 -
学习篇-TypeScript-环境搭建
文章目录一、TypeScript-环境搭建一、TypeScript-环境搭建依赖环境nodenpm官网地址:https://nodejs.org/zh-cn/安装命令npm install typescript@3.6.4 -g相关命令# 检查版本号tsc -v# 编译文件tsc xxx.ts# 运行文件node xxx.js# 初始化项目,生成tsconfig.jsontsc --init 运行文件方式方式一:# 编译文件tsc xxx.ts#原创 2020-05-16 10:09:26 · 153 阅读 · 1 评论 -
学习篇-TypeScript-简介
文章目录一、TypeScript-简介1. 使用TypeScript的好处一、TypeScript-简介官网:https://www.typescriptlang.org/官网定义:TypeScript is a typed superset of JavaScript that compiles to plain JavaScript.释义:TypeScript是JavaScript的类型化超集,可编译为纯JavaScript。TypeScript是静态类型,一旦确定类型,不可赋值其他类型的数原创 2020-05-16 10:04:11 · 236 阅读 · 0 评论