typescript速学:类、模块化编程

xiaoxiao2021-02-28  111

为了学习类,我们设计一个案列 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

转载请注明原文地址: https://www.6miu.com/read-36697.html

最新回复(0)