TypeScript学习笔记
前端杨小白
这个作者很懒,什么都没留下…
展开
-
1.TypeScript安装及介绍
TypeScript 介绍 1.TypeScript 是由微软开发的一款开源的编程语言。 2.TypeScript 是 Javascript 的超集,遵循最新的 ES6、Es5 规范。TypeScript 扩展了 JavaScript 的语法。 3.TypeScript 可以使用 JavaScript 中的所有代码和编码概念,TypeScript 是为了使 JavaScript 的开发变得更加容易而创建的。 4.JavaScript 代码可以在无需任何修改的情况下与 TypeScript 一同工作,原创 2020-06-28 18:09:26 · 185 阅读 · 0 评论 -
2.typeScript中的数据类型
typescript中为了使编写的代码更规范,更有利于维护,增加了类型校验,在typescript中主要给我们提供了以下数据类型;写ts代码必须指定类型;包括以下类型: •布尔类型(boolean) •数字类型(number) •字符串类型(string) •数组类型(array) •元组类型(tuple) •枚举类型(enum) •任意类型(any) •null 和 undefined •void类型 •never类型 es5的写法(正确写法)ts中(错误写法) varf...原创 2020-06-28 18:23:13 · 232 阅读 · 0 评论 -
3 .typeScript中的函数
函数的定义 函数传递参数时要指定类型,函数返回值也要指定类型; 函数声明:使用function关键字声明一个函数,在指定一个函数名。 函数表达式:使用function关键字声明一个函数,但是未给函数命名,最后将匿名函数赋予给一个变量 es5的定义方法 //函数声明法 function run(){ return 'run'; } //函数表达式 var run2=function(){ return 'run2'; } ts中定数的方法 //函数声明原创 2020-06-29 18:24:36 · 189 阅读 · 0 评论 -
4.ES5中的类
es5里面的类:没有专门定义类的方法 通过构造函数实现 最简单的类:只有属性没有方法 function Person() { this.name='张三'; this.age=20; } var p=new Person();//实例化 alert(p.name);//张三 在构造函数和原型链里面增加属性和方法 function Person(){ this.name='张三'; /*属性*/ this.age=20; this.run=function(){/*实例方原创 2020-06-30 09:54:00 · 254 阅读 · 0 评论 -
5.typeScript中的类
JS中继承的概念:通过【某种方式】让一个对象可以访问到另一个对象中的属性和方法,我们把这种方式称之为继承 为什么要使用继承:有些对象会有方法(动作、行为),而这些方法都是函数,如果把这些方法和函数都放在构造函数中声明就会导致内存的浪费 类的定义 es5中定义类: function Person(name){ this.name=name; this.run=function(){//定义方法 alert (this.name) } } var p=new Person('张三'); p.原创 2020-07-02 18:13:41 · 171 阅读 · 0 评论