Type Script
YaaLee_
逝者如斯夫,不舍昼夜
展开
-
Ts的使用
注意:该方法返回值的类型是 HTMLElement,该类型只包含所有标签公共的属性或方法,不包含 a 标签特有的 href 等属性。JS 中的对象是由属性和方法构成的,而 TS 对象的类型就是在描述对象的结构(有什么类型的属性和方法)注意:typeof 只能用来查询变量或属性的类型,无法查询其他形式的类型(比如,函数调用的类型)一般情况下,推荐使用字面量类型+联合类型组合的方式,因为相比枚举,这种方式更加直观、简洁、高效。有时候你会比 TS 更加明确一个值的类型,此时,可以使用类型断言来指定更具体的类型。原创 2022-11-03 17:06:55 · 3530 阅读 · 0 评论 -
Type Script的泛型(<?>)
在定义类或函数时,如果遇到类型不明确,就可以使用泛型function fn<T>(a: T): T { return a;}//可以直接调用具有泛型的函数let result = fn(10); //不指定类型,TS可以自动对类型进行推断let result2 = fn<string>("yrq"); //指定类型泛型可以同时指定多个function fn2<T, K>(a: T, b: K): T { console.log(b); retu原创 2021-08-11 22:55:38 · 358 阅读 · 0 评论 -
Type Script的数据类型
一、number string boolean必须指定变量的类型function sum(a1: number, b1: number): number { return a1 + b1;}sum(1, 2);二、any unknown可以把any类型复制给任意指定类型的变量, unknown类型不可以直接赋值给其他变量, 但是可以利用 a = b as string 或 < string > b 来把b断言成一个字符串类型.let a2: unknown;let b2:原创 2021-08-11 22:15:51 · 256 阅读 · 0 评论 -
Type Script属性封装(public、private、protected)
文章目录`public``private`js使用getter和setter的方法:TS中get和set语法糖:`protected`简写方法:publicTS可以在属性前添加属性的修饰符public修饰的属性可以在任意位置访问(修改) 默认值(function () { //定义一个表示人物的类 class Person { name: string; //可以加也可以不加 public age: number; constructor(name: strin原创 2021-08-11 21:46:51 · 796 阅读 · 0 评论 -
Type Script接口(interface)
接口用来定义一个类结构,用来定义一个类中包含哪些属性和方法同时接口也可以当成类型声明去使用//可以使用多个interface来限制同一个myInterfaceinterface myInterface { name: string; age: number;}interface myInterface { gender: string;}const obj1: myInterface = { name: "sss", age: 111, gender: "男",.原创 2021-08-11 19:43:34 · 158 阅读 · 0 评论 -
Type Script抽象类(abstract)
以abstract开头的类是抽象类抽象类和其他类区别不大,唯一的区别就是不能创建对象抽象类是专门需要被继承的类abstract class Animal{ name:string cunstructor(name:string){ this.name = name } sayHello(){ console.log('动物在叫') }}class Dog extends Animal{ sayHello(){ console.log('汪汪汪') }}...原创 2021-08-10 11:15:45 · 224 阅读 · 0 评论 -
Type script中webpack文件配置
{ /* tsconfig.json是ts编译器的配置文件,ts编译器可以根据它的信息来对代码进行编译 */ //'include' 用来指定哪些ts文件需要被编译 // "include":[ // // "./src/**/*" // ], //'exclude' 用来指定哪些ts文件不需要被编译 // "exclude":[ // // "./hello/**/*" // ], //'compilerOptions' 编辑器的选项 "co原创 2021-08-07 22:24:57 · 137 阅读 · 0 评论 -
TypeScript全攻略(收藏吃灰必备!)
1、TypeScript 简介1.1、什么是 TypeScriptTypeScript 不是一门全新的语言,TypeScript 是 JavaScript 的超集,它对 JavaScript 进行了一些规范和补充。所以,学习 TypeScript 需要有 JavaScript 的基础。TypeScript 的特性:TypeScript 是 JavaScript 的超集,它可以编译成纯 JavaScript。TypeScript 基于 ECMAScript 标准进行拓展,支持 ECMAScrip原创 2021-08-03 19:26:58 · 811 阅读 · 0 评论