typescript速学:类、模块化编程

来源:互联网 发布:淘宝供销平台首页 编辑:程序博客网 时间:2024/04/27 19:03

为了学习类,我们设计一个案列
1、设计一个用户类User:包含用户姓名、年龄
2、设计一个用户操作类UserService:用来操作用户类的增删改查

官方文档:
https://tslang.cn/docs/handbook/classes.html

新建User.ts,代码如下:

//可以定义一个接口//来限制User类的属性interface UserInterface{    userName:string,    userAge:number}// 定义User类class User{    _userName:string;    _userAge:number;    constructor({userName,userAge}:UserInterface){        this._userName = userName;        this._userAge = userAge;    }}// 导出export {User}

新建UserService.ts,代码如下:

import {User} from "./User";class UserService{    _user:User;    constructor(inputUser:User){        this._user = inputUser;    }    add():number{        console.log(this._user._userName + "新增成功");        return 0;    }}// 导出export {UserService}

ok,2个类都定义好了,下面我们来使用一下。
index.ts里,代码如下:

// 引入import {User} from "./User";import {UserService} from "./UserService";// 实例化类let myUser:User = new User({    userName:"jack",    userAge:22});let myService:UserService = new UserService(myUser); console.log(myService.add());

引入了2个类,然后实例化,执行相关方法。

怎么运行?
编译啊
来到项目根目录

npm run b

如果忘记了为什么是run b?需要回顾最开始对TypeScipt的环境配置:
http://blog.csdn.net/github_26672553/article/details/70170388

这里写图片描述

原创粉丝点击