• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

Typescript中的类

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

typescriptclass声明

class Person{
    constructor(){
}
     name;
     eat(){}      
}

属性和方法有三种修饰符:private,public,protected
private:只能类内部访问;
public:类内部和外部都可引用;
protected:只能有类的内部和它的子类访问
constructor:类的构造函数,在类被实例化时仅被调用一次,类外部无法使用

类的继承

类的继承有两个关键字:extendssuper
extends:用来声明类的继承关系,表示的关系

class Employee extends Person{
   constructor(name:string,code:string){
     super(name);
     this.code = code;
}
   code:string;
}

Employee类具有Person类的所有属性和方法;
super:调用父类的构造函数或方法

泛型是参数化的类型,用以限定集合的内容

var workers:Array<Person>=[];
workers[0] = new Person("zhangsan");
workers[1] = new Employee("lisi","1");

接口

声明属性的作用

interface Phone{
    width:number;
    height:number;
}

class Iphone{
    constructor(public config:Phone);
}

var p = new Iphone({
      width:15,
      height:15
})

声明方法的作用

interface Animal{
   eat(); 
}

/*implements是实现接口的方法,不实现会报错*/
class Sheep implements Animal{
   eat(){
   console.log(" i eat something");
}
}

模块

一个文件就是一个模块
export:向外部暴露那些属性和方法;
import:需要其他文件提供什么属性和方法;

注解

注解是为程序的元素(类、方法、变量)加上更直观更明了的说明,这些说明与程序的业务逻辑无关,而是供指定框架或工具使用

例如:用angular2写的程序

@Component({
   selector:'app-root',
   templateUrl:'./app.component.html',
   styleUrls:['./app.component.css']
})

类型定义文件

类型定义文件用来帮助开发者在typescript中使用已有的javascript开发工具包,如:jquery
类型定义文件的安装:使用typings工具

https://www.github.com/typings/typings

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
老码农绝密:使用 TS(TypeScript) 的 10 大理由发布时间:2022-07-18
下一篇:
typescript实现浏览器全屏发布时间:2022-07-18
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap