TypeScript
TypeScript 学习
A_bad_horse
不积跬步,无以至千里!
展开
-
Typescript学习系列---《类》
class Person { name: string; //属性 前面省略了public关键字 constructor(n: string) { // 构造函数, 实例化类的时候触发的方法 this.name = n; } run():void { console.log(this.name); }}var p = n...原创 2020-03-22 12:11:42 · 181 阅读 · 0 评论 -
Typescript学习系列---《命名空间》
命名空间在代码量较大的情况下,为了避免各种变量命名相冲突,可将相似功能的函数、类、接口等放置到命名空间。同Java包、.net命名空间一样,TypeScript的命名空间可以将代码包裹起来,只对外暴露需要在外部访问的对象。命名空间和模块的区别命名空间:内部模块,主要用于组织代码,避免命名冲突。 模块: ts的外部模块的简称,侧重代码的复用,一个模块里可能会有多个命名空间。n...原创 2020-03-22 12:07:21 · 295 阅读 · 0 评论 -
Typescript学习系列---《泛型 一》
泛型:软件工程中,不仅要创建一致的、定义良好的API,同时也要考虑可重用性。组件不仅能够支持当前的数据类型,同时也能支持未来的数据类型,这在创建大型系统时为你提供了十分灵活的功能。C#/Java中,可使用泛型来床架可重用的组件,一个组件可以支持多种类型的数据。这样用户就可以以自己的数据类型来使用组件。通俗地讲:泛型就是解决类、接口、方法的复用性,以及对不特定数据类型的支持。泛型定义...原创 2020-03-22 11:56:42 · 167 阅读 · 0 评论 -
Typescript学习系列---《tsx文件 说明》
原创 2020-03-21 14:05:04 · 9097 阅读 · 0 评论 -
Typescript学习系列---《static》
无需实例化类,直接用类名.方法原创 2020-03-21 14:03:12 · 158 阅读 · 0 评论 -
Typescript学习系列---《Object》
Object property 属性有三种var 变量 array 数组 function 函数var 变量--- .property & ['property'] 2种方式var beyond = {}; //define null objectbeyond.formedIn = '1983'; // .property 的方式beyond['foundedIn...原创 2020-03-21 13:59:51 · 298 阅读 · 0 评论 -
Typescript学习系列---《button》
buttononclick //on+事件,onclick对应的就是click事件 onmouseover onmouseout addEventListener(a, b, c) c:true 采用捕获的方式,从下往上传播 c: false采用冒泡的方式 事件是冒泡传播,从下往上、从里到外传播。1.点击lost图像,出发click...原创 2020-03-21 13:50:16 · 1039 阅读 · 0 评论 -
Typescript学习系列---《DOM》
DOM (Document Object Model) 文档对象模型DOM是所有浏览器都遵循的规范 一个网页就是一个DOM document. document.getElementById('xx'):返回一个对象 document.getElementsByTagName('li'):返回一组对象 document.querySelectorAl...原创 2020-03-21 13:46:55 · 838 阅读 · 0 评论 -
Typescript学习系列---《const》
'use strict'const fruit = 'apple' ;fruit = banana;console.log(fruit); // error/** * attention: const仅限制变量赋值的操作,而不是变量本身的值 */const fruit = [];fruit.push('apple'); //rightfruit.push('pea...原创 2020-03-21 13:43:42 · 415 阅读 · 0 评论 -
Typescript学习系列---《block》
/** * use let to define block */{ let fruit = 'apple';}console.log(fruit); //wrongblock 是“块”,跳出这个范围将不再适用。原创 2020-03-21 13:41:26 · 301 阅读 · 0 评论 -
Typescript学习系列---《assign》
Object.assign:把对象的值复制到另一个对象里。原创 2020-03-21 13:38:53 · 436 阅读 · 0 评论 -
Typescript学习系列---《__proto__》
原创 2020-03-21 13:37:17 · 604 阅读 · 0 评论 -
Typescript学习系列---《? 修饰符》
product?.price当 product没有值的时候,不访问其 price属性;当 product有值的时候再去访问其 price属性。public int?num{ get; set;}?代表int型的数值可以为null,表示可空类型,因为int类型初始值为0,加了?就可以赋值null了。int i=null; 报错int? i=null; 通过...原创 2020-03-21 13:35:38 · 220 阅读 · 1 评论 -
Typescript学习系列---《添加对象方法》
添加 breakfast()原创 2020-03-20 13:38:54 · 491 阅读 · 0 评论 -
Typescript学习系列---《Set the 'experimentalDecorators' option to remove this warning. [1219]》
添加tsconfig.json文件 {"compilerOptions": {"experimentalDecorators": true, // 设置这个属性即可解决问题"allowJs": true}参考:https://www.jianshu.com/p/53e2be3150cc原创 2020-03-20 13:35:29 · 413 阅读 · 0 评论 -
Typescript学习系列---《装饰器》
装饰器概念一种特殊类型的声明,能够被附加到类声明、方法、属性或参数上,可以修改类的行为。 一个方法:可以注入到类。方法、属性参数上来扩展类、属性、方法、参数的功能。装饰器分类类装饰器、属性装饰器、方法装饰器、参数装饰器。装饰器写法普通装饰器(无法传参)、装饰器工厂(可传参)装饰器是过去几年中js最大的成就之一,已经是ES7的标准特性之一。创建装饰器/** * 1. ...原创 2020-03-20 13:29:13 · 149 阅读 · 0 评论 -
Typescript学习系列---《Generators》
原创 2020-03-20 13:24:43 · 135 阅读 · 0 评论 -
Typescript学习系列---《VSCode 运行.ts文件》
安装 npm install -g typescript 编译 tsc helloworld.ts VSCode设置编译 第一步 tsc --init生成tsconfig.json改"outDir":"./js" 第二部任务 -运行任务监视tsconfig.json ...原创 2020-03-20 13:22:58 · 765 阅读 · 0 评论