
TypeScript与JavaScript
文章平均质量分 71
TypeScript与JavaScript基础知识学习
yyxhzdm
通过近些年的学习,在Android、Java、微信小程序、uniapp等开发都有些心得体会。最近开始接触HarmonyOS原生以及ArkUI框架的开发...
展开
-
第十九节TypeScript 模块
模块是在其自身的作用域里执行,并不是在全局作用域,这意味着定义在模块里面的变量、函数和类等在模块外部是不可见的,除非明确地使用。两个模块之间的关系是通过在文件级别上使用。导入其他模块导出的变量、函数、类等。要在另外一个文件使用该模块就需要使用。类似地,我们必须通过。import 和 export。2、模块导出使用关键字。export 关键字。原创 2023-12-25 10:14:17 · 445 阅读 · 0 评论 -
第十八节TypeScript 泛型
在使用时,如果没有显式指定类型,会使用默认类型。在这个例子中,Box 是一个泛型类,使用 表示泛型类型。然后,使用这个泛型接口创建了一个对象 pair,其中 first 是字符串类型,second 是数字类型。在泛型中,通常使用一些约定俗成的标识符,比如常见的T、U、V等,但实际上你可以使用任何标识符。泛型是一种编程语言特性,允许在定义函数、类、接口等使用占位符来表示类型,而不是具体的类型。使用泛型的主要目的是为了处理不特定类型的数据,使得代码可以适用于多种类型而不失去类型检查。原创 2023-12-25 10:12:43 · 509 阅读 · 0 评论 -
第十七节TypeScript 对象
1、TypeScript对象是包含一组键值对的实例。,因为TypeScript中的对象必须是特定类型的实例。执行结果:hello Android。述方法则会出现编译错误。原创 2023-12-25 10:09:15 · 531 阅读 · 0 评论 -
第十六节TypeScript 类
1、简介TypeScript是面向对象的JavaScript。类描述了所创建的对象共同的属性与方法。2、类的定义3、创建实例化对象执行结果:读取发动机型号 : XXSY1函数中显示发动机型号 : XXSY1。原创 2023-12-24 23:29:24 · 698 阅读 · 0 评论 -
第十五节TypeScript 接口
接口是一系列抽象方法的声明,是一些方法特征的集合,这些方法都应该是抽象的,需要有由具体的类去实现,然后第三方就可以通过这组抽象方法调用,让具体的类执行具体的方法。以上实例我们定义一个接口Iperson,接着定义了一个变量customer,它的类型是IOperson。注意:接口不能JavaScript,它知识TypeScript的一部分。接口继承就是说接口可以通过其他接口来扩展自己。Typescript 允许接口继承多个接口。继承的各个接口使用逗号 , 分隔。继承使用关键字 extends。原创 2023-12-24 23:23:46 · 911 阅读 · 0 评论 -
第十四节TypeScript 联合类型
联合类型可以通过管道(|)将变量设置多种类型,赋值时可以根据设置的类型来赋值。注意:只能赋值指定的类型,如果赋值其它类型就会报错的。字符串为 = Database。联合类型可以作为参数使用。原创 2023-12-24 21:36:04 · 800 阅读 · 0 评论 -
第十三节TypeScript 元组
我们知道数组中元素的数据类型一般都是相同的(any[]类型的数组可以不同),如果存储的元素类型不同,则需要使用元组。元组中元素是使用索引来访问的,并且索引是从0开始的,即第一个元素的索引是0,一直到最后一个n-1。元组中允许存储不同类型的元素,元组可以作为参数传递给函数。12 元素从元组中删除。原创 2023-12-24 21:34:17 · 694 阅读 · 0 评论 -
第十二节TypeScript 对象
Map.keys()与Map.values()都会获取一个迭代对象,可用于循环处理。Map对象保存键值对,并且能够记住键的原始插入顺序。任何值都可以作为一个键或一个值。3、Map相关函数与属性。原创 2023-12-24 20:59:45 · 528 阅读 · 0 评论 -
第十一节TypeScript Array(数组)
5)、lastIndexOf() – 返回一个指定的字符串值最后出现的位置,在一个字符串中的指定位置从后往前的搜索。3)、indexOf() – 搜索数组中的元素,并返回它所在的位置,如果没有搜索到,返回值-1,代表没有此项。11)、shift() – 删除并返回数组的第一个元素(跟pop()方法刚好相反)。15)、unshift() - 向数组的开头添加一个更多元素,并返回新的长度。6)、pop() – 删除数组的最后一个元素,并返回删除的元素。4)、join() – 将数组中所有元素放入一个字符串中。原创 2023-12-24 20:56:22 · 566 阅读 · 0 评论 -
第十节TypeScript string
根据主机的语言环境把字符串转换为小写,只有几种语言(如土耳其语)具有地方特有的大小写映射。据主机的语言环境把字符串转换为大写,只有几种语言(如土耳其语)具有地方特有的大小写映射。从后向前搜索字符串,并从起始位置(0)开始计算返回字符串最后出现的位置。提取字符串的片断,并在新的字符串中返回被提取的部分。返回在指定的位置的字符的 Unicode 编码。返回某个指定的字符串值在字符串中首次出现的位置。连接两个或更多字符串,并返回新的字符串。提取字符串中两个指定的索引号之间的字符。返回指定字符串对象的原始值。原创 2023-12-24 20:44:43 · 457 阅读 · 0 评论 -
第九节TypeScript number
可表示的最小的数,即最接近 0 的正数 (实际上不会变成 0)。最大的负数是 -MIN_VALUE,MIN_VALUE 的值约为 5e-324。小于 MIN_VALUE ("underflow values") 的值将会转换为 0。可表示的最大的数,MAX_VALUE 属性值接近于 1.79E+308。大于 MAX_VALUE 的值代表 "Infinity"。把数字转换为字符串,使用指定的基数。注意:如果一个参数值不能转换为一个数字,将返回NaN(非数字值)。返回一个 Number 对象的原始数字值。原创 2023-12-24 20:42:03 · 1014 阅读 · 0 评论 -
第八节TypeScript 函数
有时我们希望函数将执行的结果返回到调用它的地方,这个需要通过return语句来实现,使用return语句时,函数就会停止,并返回指定的值。在TypeScript函数里,如果我们定义了参数,则我们就必须传入这些参数,除非将这些参数设置为可选,可选参数使用问号标识“?上述咱们定义的函数都是无参函数,有参数函数是指可向函数传递值,并且向函数可以发送多个参数,每个参数使用“,”逗号分隔。匿名函数在程序运行时动态声明,除了没有函数名外,其他的与标准函数一样。函数只有通过调用才可以执行函数内的代码。原创 2023-12-21 20:14:13 · 821 阅读 · 0 评论 -
第七节TypeScript 循环
在 ES6 中引入的 for...of 循环,以替代 for...in 和 forEach() ,并支持新的迭代协议。forEach、every 和 some 是 JavaScript 的循环语法,TypeScript 作为 JavaScript 的语法超集,当然默认也是支持的。一般情况下,语句是按顺序执行的:函数中的第一个语句先执行,接着是第二个语句,依此类推。:条件表达式出现在循环的尾部,所以循环中的 statement(s) 会在条件被测试之前至少执行一次。无限循环就是一直在运行不会停止的循环。原创 2023-12-21 20:06:28 · 4563 阅读 · 1 评论 -
第六节TypeScript 条件语句
一个switch语句允许测试一个变量等于多个值的情况。每个值称为一个case,并且被测试的变量会对每个switch case进行检查。条件语句是通过一条或多条语句的执行结果(true或false)来决定后面执行的代码块。一个if语句后跟一个可选的else语句,else语句在布尔表达式为false时执行。if...else if...else语句在执行多个判断条件的时候使用。if语句由一个布尔表达式后跟一个或多个语句组成。条件语句用于基于不同的条件来执行不同的动作。执行结果:数字是正数。原创 2023-12-21 19:57:37 · 819 阅读 · 0 评论 -
第五节TypeScript 运算符
以上实例中 a < 10 与 a > 5 是使用了 && 运算符的组合表达式,第一个表达式返回了 false,由于 && 运算需要两个表达式都为 true,所以如果第一个为 false,就不再执行后面的判断(a > 5 跳过计算),直接返回 false。实例中 a > 5 与 a < 10 是使用了 || 运算符的组合表达式,第一个表达式返回了 true,由于 || 组合运算只需要一个表达式为 true,所以如果第一个为 true,就不再执行后面的判断(a < 10 跳过计算),直接返回 true。原创 2023-12-20 23:36:05 · 2162 阅读 · 0 评论 -
第四节TypeScript 声明变量
类变量声明在一个类里面,但在类的方法外面,该变量可以通过对象来访问。类变量也可以是静态的,静态的变量可以通过类名直接访问。4)、声明变量没有设置类型和初始值,类型是任意类型,默认值是undefined。typescript遵循强类型,如果将不同类型赋值给变量会编译异常。全局变量定义在程序结构的外部它可以在你代码的任意位置使用。变量是一种使用方便的占位符,用于引用计算机内存地址。程序中变量的可用性由变量的作用域决定。变量使用前必须先声明,我们可以使用。变量的作用域制定了变量定义的位置。原创 2023-12-20 22:52:26 · 514 阅读 · 0 评论 -
第三节TypeScript 基础类型
never 是其它类型(包括 null 和 undefined)的子类型,代表从不会出现的值。这意味着声明为 never 类型的变量只能被 never 类型所赋值,在函数中它通常表现为抛出异常或无法执行到终止点(例如无限循环)。任意值是 TypeScript 针对编程时类型不明确的变量使用的一种数据类型,它常用于以下三种情况。元组类型用来表示已知元素数量和类型的数组,各个元素类型不必相同,对应位置的类型需要相同。never是其他类型(包括null和undefined)的子类型,代表从不会出现的值。原创 2023-12-20 21:52:09 · 422 阅读 · 0 评论 -
第二节TypeScript 基础语法
分号是可选的,每行指令都是一段语句,你可以使用分号或不使用,但建议使用。--sourcemap 生成一个sourcemap(.map)文件。typescript中会忽略程序中出现的空格、制表符和换行符。--declaration 额外生成一个.d.ts扩展的文件。1)、单行注释(//)- 在//后面的文字都说注释内容。2)、多行注释(/* */)- 这种注释可以跨多行。空格、制表符通常用来缩进代码,增强代码的可读性。2、开始第一个typescript程序。3、ts常用的编译参数。// 这是一个单行注释。原创 2023-12-20 21:45:47 · 444 阅读 · 0 评论 -
第一节TypeScript 安装
2、我们可以使用Visual Studio Code工具来编写typescript代码,没有安装的小伙伴,可以自行查找Visual Studio Code的安装教程。上述输出代码你本地环境已经安装了npm工具,可以使用以下命令来安装TypeScript。安装完成后,我们使用tsc命令类执行typescript的相关代码,先执行查看版本号“通常,我们使用.ts作为typescript代码文件的扩展名。之后,我们在app..ts当前目录打开cmd执行“1、使用npm安装TypeScript。原创 2023-12-20 21:37:41 · 599 阅读 · 0 评论 -
第九节JavaScript 函数的定义与使用
当我们使用箭头函数的时候,箭头函数会默认帮我们绑定外层 this 的值,所以在箭头函数中 this 的值和外层的 this 是一样的。如果函数部分只是一个语句,则可以省略 return 关键字和大括号 {},这样做是一个比较好的习惯。函数同样可以通过内置的JavaScript函数构造器(Function())定义。使用 const 比使用 var 更安全,因为函数表达式始终是一个常量。说明:声明的函数不会立即执行,会在我们需要的时候调用。箭头函数是不能提升的,所以需要在使用之前定义。原创 2023-12-19 18:36:25 · 1010 阅读 · 0 评论 -
第八节JavaScript js代码规范
属性可以以 data- (如:data-quantity, data-price) 作为前缀。很多程序员比较喜欢使用下划线(如:date_of_birth), 特别是在 SQL 数据库中。中通常推荐使用驼峰法,jQuery 及其他 JavaScript 库都使用驼峰法。备注:不推荐使用TAB键来缩进,因为不同编辑器TAB键的解析不一样。注意:通常在 JavaScript 中被认为是减法,所以不允许使用。使用 - 来连接属性名 (font-size)。字符串使用双引号,数字不需要。原创 2023-12-18 23:22:27 · 426 阅读 · 0 评论 -
第七节JavaScript Promise
Promise类有.then()、.catch()和.finally()三个方法,这三个方法的参数都是一个函数,.then()可以将参数中的函数添加到当前Promise的正常执行序列,.catch()则是设定的异常处理序列,.finally()是在Promise执行的最后一定会执行的序列。但是,如果 then 中返回的是一个 Promise 对象,那么下一个 then 将相当于对这个返回的 Promise 进行操作,这一点从刚才的计时器的例子中可以看出来。A: 可以,效果完全一样。原创 2023-12-18 21:16:33 · 932 阅读 · 0 评论 -
第六节JavaScript this、let、const关键字
使用 const 定义的对象或者数组,其实是可变的。2.在相同的作用域或块级作用域中,不能使用const关键字来重置var和let 关键字声明的变量。使用var关键字重新声明变量可能会带来问题,在代码块中重新声明的变量也会重新声明块外的变量。3.在相同的作用域或块级作用域中,不能使用const关键字来重置const关键字声明的变量。函数内使用 var 关键字声明的变量不具备块级作用域的特性,它在{}外依然能被访问到。上述实例使用let关键字,它声明的变量作用域只在循环体内,在循环体外的变量不受影响。原创 2023-12-14 20:08:54 · 972 阅读 · 0 评论 -
第五节JavaScript typeof、类型转换与正则表达式
String(new Date()) // 返回 Thu Jul 17 2014 15:38:19 GMT+0200 (W. Europe Daylight Time)obj.toString() // 返回 Thu Jul 17 2014 15:38:19 GMT+0200 (W. Europe Daylight Time)"5" + null // 返回"5null" null 转换为 "null""5" + 1 // 返回 "51" 1 转换为 "1"原创 2023-12-14 20:00:29 · 1340 阅读 · 0 评论 -
第四节JavaScript 条件语句、循环语句、break与continue语句
即:根据不同时间段,显示生成不同的问候语,当time小于10点之前,问候语时“早上好”,当time大于等于10 且小于20点时,问候语是“今天好”,当time大于等于20点时,问候语是“晚上好”。如果上述实例中不加break语句,那么打印的结果就是0~9了,加上break之后,在i=3时触发break语句,跳出for循环,所以只打印到2就结束了。在通常的代码中,我们有一些需要决定执行不同动作,这就可以在代码中使用条件语句来完成。当条件为true时执行代码,当条件为false时执行其它代码。原创 2023-12-10 22:42:41 · 1193 阅读 · 0 评论 -
第三节JavaScript 函数、作用域、事件、字符串、运算符、比较
|: 运算符左右两边条件只要有一条为true,该结果就为true。反之,只有当该运算符左右两边都是false时,结果才为false。如果变量 age 中的值小于 18,则向变量 voteable 赋值 "年龄太小",否则赋值 "年龄已达到"。注:因为局部变量只作用于函数内,所以不同的函数中可以使用相同的名称作为变量名。两个数字相加,返回数字相加的和。:取反,当x==y是true时,!&&:运算符左右两边条件都为true时,该结果才为true。不绝对等于(值和类型有一个不相等,或两个都不相等)原创 2023-12-09 22:49:00 · 867 阅读 · 0 评论 -
第二节JavaScript 语法、语句、注释、变量、数据类型等
上面两条语句执行完后,变量carName的值依然是“Jobo”,由此可说明,重新声明JavaScript变量,该变量的值是不会丢失的。:字符串(String)、数字(Number)、布尔(Boolean)、空(Null)、未定义(Undefined)、Symbol。:对象(Object)、数组(Array)、函数(Function),还有两个特殊的对象:正则(RegExp)和日期(Date)。上面的 JavaScript 语句向 id="demo" 的 HTML 元素输出文本 "你好 Dolly"。原创 2023-12-04 23:15:35 · 1020 阅读 · 0 评论 -
第一节JavaScript 简介与使用
JavaScript是互联网上最流行的脚本语言,这门语言可用于HTML和Web,更广泛用于服务器、PC、电脑、智能手机等设备上。原创 2023-12-04 23:07:42 · 1093 阅读 · 0 评论