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
阅读全文
0 0
- typescript速学:类、模块化编程
- TypeScript速学领悟篇
- typescript速学:函数、基本数据类型
- typescript速学:新闻实体对象、接口
- 模块化编程
- 模块化编程
- 模块化编程
- 模块化编程
- 模块化编程
- 模块化编程
- 模块化编程
- 模块化编程
- 模块化编程
- TypeScript--类
- 模块化编程:函数定义
- 单片机模块化编程
- 模块化编程小结
- 单片机模块化编程
- eclipse启动优化,终于不那么卡了! 网上找了好多都是myEclipse的优化的,跟eclipse有点区别,找了很多方法还是不能让这个eclipse(Version: Kepler Release
- 解决子级用css float浮动 而父级div没高度不能自适应高度
- Jackson 动态过滤属性
- gdb进程调试,多进程调试
- C# Lambda表达式
- typescript速学:类、模块化编程
- AES加密算法的C++实现
- 【转-来自鸟哥】关于 PHP 的编译和执行分离
- 常见的web性能优化方法
- Java 程序员们值得一看的好书推荐
- java多线程总结
- 121 C语言文件的打开与关闭
- 火狐浏览器hack
- 仿一个小鸟过柱子的游戏