❤️❤️--TypeScript
文章平均质量分 69
走进TypeScript
suoh's Blog
My life is a straight line,turning just for you.
展开
-
Ts递归查找多个根节点树结构某一条数据
【代码】Ts递归查找多个根节点树结构某一条数据。原创 2024-04-03 10:01:13 · 150 阅读 · 0 评论 -
Typescript 之接口 interface(详解)
你可以把它理解为形状,一个对象需要有什么样的属性,函数需要什么参数或返回什么样的值,数组应该是什么样子的,一个类和继承类需要符合什么样的描述等等。需要注意的是类 Interface 只会检查实例的属性,静态属性是需要额外定义一个 Interface;接口就是用来定义一个类结构,定义一个类中应该包含哪些属性和方法,同时接口也可以当成类型声明去使用。混合类型的接口就是使用同一个 Interface 来描述函数或者对象的属性或方法。接口可以约束对象,函数,类的结构和类型,是一种代码协作必须遵守的契约。原创 2023-06-21 10:46:48 · 5299 阅读 · 2 评论 -
如何在 Vue3 组件中使用 TS 类型(必看)
(vue2中我们是通过给子组件设置ref属性,然后通过this.$refs.xxx.methods()来实现的),那这里如何实现呢?如何在 vue3 组件中使用 TS 类型的讲解就到此结束啦,有写的不对的地方,欢迎评论区指出哦~就会有提示,因此,建议显式地为事件处理函数的参数标注类型。注意:子组件的ref值应该和下面定义的值保持一致,如:modalRef。有时我们可能想为 ref 内的值指定一个更复杂的类型,可以通过使用。方式二:通过泛型参数来定义 props 的类型,这种方式更加直接。原创 2023-06-16 21:16:01 · 2613 阅读 · 0 评论 -
使用webpack打包ts代码
此时的html模板是自动生成的,那我们如果说想要他生成的时候按照自己定义的结构来生成,此时就需要我们在src下自己创建一个html,然后配置之后,打包时他就会根据我们已有的模板进行生成。配置好后,我们要想对ts进行编译,还需要定义一个ts的编译规范,所以还需要创建一个 tsconfig.json,我们简单设置几个属性。假如我们要在一个ts文件里面引入另一个ts文件中的变量,此时ts是作为模块被引入的,但是webpack并不知道,这时候运行时会报错,并且实时更新的,我们改一个东西,浏览器就会自动刷新。原创 2023-04-03 15:17:31 · 951 阅读 · 0 评论 -
tsconfig.json参数详解
可以是 'es3', 'es5', 'es6', 'es2015', 'es2016', 'es2017','es2018','es2019','es2020','esnext'.可以是 "none', 'commonjs', 'amd', 'system', 'uma, 'es6', 'es2015', 'es2020', 'esnext'.指定要使用的模块化的规范 例如 "module": "es2015",或者 "module": "CommonJS",原创 2023-03-30 18:08:28 · 2862 阅读 · 0 评论 -
Typescript其他数据类型(二)
其中propName可以命名为任意名字,例如 [xx:string]:any 也行,仅代表属性名,整体表示任意类型的属性。注意:{} 用来指定对象中可以包含哪些属性,要求赋值的时候定义的结构一模一样,多一个或少一个属性都不行,否则就会报错。此时我们来定义具体的函数是不会报错的,当然多一个或少一个参数、或者类型又不一样都会报错。当我们将arguments赋值给arr的时候也是会报错的,由此说明他两不是一个类型。当有了类型约束之后,我们想要push一个非数字类型的数据是会报错的。原创 2023-02-20 10:06:26 · 224 阅读 · 0 评论 -
Typescript的基本数据类型(一)
例如,与C语言不同JavaScript 中字符串是不可变的 (译注: 如,JavaScript 中对字符串的操作一定返回了一个新字符串,原始字符串并没有被改变)。注意:如果明确知道类型,尽量不要用any类型,因为该类型可以任意调用属性和方法都不会报错,极有可能出现问题,也就丧失了类型检查的作用。在该文件夹下并没有其他的文件,就不用说出现name这个变量已经定义过的情况,怎么就出现了这个报错呢,非常困惑。定义一个布尔类型的值,并给他赋值一个数字,此时就可以看到,ts中自动提示报错。原创 2023-02-17 14:57:58 · 681 阅读 · 0 评论 -
在vscode中使用Typescript并运行
此时我们就可以看到在ts文件夹下面出现了 一个tsconfig.json的文件。看下效果,此时我们新建一个demo.ts,控制台就会自动监视运行。例如我们创建一个test.ts文件,可以在控制台 输入。并在js文件夹中自动生成了对应的demo.js文件。由于浏览器是识别不了ts文件的,因此编译的过程就是。首先呢,我们在学习ts之前,需要先安装ts。此时我们对比一下,就达到了预期的目标。(2)vscode自动化编译ts文件。此时就可以开启ts的学习之路了~将ts文件编译为js文件。原创 2023-02-16 17:50:45 · 9384 阅读 · 1 评论 -
Typescript的定义及使用优势
比如JS、python就是动态类型语言,什么是动态类型语言,通俗的讲,就是运行期间才会进行数据类型检查的语言,在用动态类型语言编程期间,我们不用给变量指定数据类型,可以是字符串,也可以给他赋值为数字,非常灵活。静态语言就正好相反,他的数据类型检查发现在编译阶段 ,也就是写程序的时候需要声明变量的数据类型,例如:c、c++、c#、java都是静态类型语言的典型代表。是type+JavaScript的组合,他的目标就是把不看重类型的动态语言变成关注类型的一个静态语言。原创 2023-02-16 16:01:10 · 870 阅读 · 0 评论