TypeScript的class关键字
TypeScript在构造函数参数中使用public是一种简写形式,它将自动创建具有该名称的属性:
class Student {fullName: string;constructor(public firstName, public middleInitial, public lastName) {this.fullName = firstName + " " + middleInitial + " " + lastName;}
}interface Person {firstName: string;lastName: string;
}function greeter(person : Person) {return "Hello, " + person.firstName + " " + person.lastName;
}var user = new Student("Jane", "M.", "User");document.body.innerHTML = greeter(user);
命令行tsc 1.ts编译成的JavaScript:
var Student = /** @class */ (function () {function Student(firstName, middleInitial, lastName) {this.firstName = firstName;this.middleInitial = middleInitial;this.lastName = lastName;this.fullName = firstName + " " + middleInitial + " " + lastName;}return Student;
}());
function greeter(person) {return "Hello, " + person.firstName + " " + person.lastName;
}
var user = new Student("Jane", "M.", "User");
document.body.innerHTML = greeter(user);
运行时效果:
要获取更多Jerry的原创文章,请关注公众号"汪子熙":
TypeScript的class关键字相关推荐
- typescript使用in关键字进行类型守卫
类型保护是可执行运行时检查的一种表达式,用于确保该类型在一定的范围内.换句话说,类型保护可以保证一个字符串是一个字符串,尽管它的值也可以是一个数值. 类型保护与特性检测并不是完全不同,其主要思想是尝试 ...
- 编写一个脚本判断某个用户是否处在活动模式_使用 TypeScript 编写爬虫
我们需要的数据多种多样,不可能什么都买,就算有钱,有的数据也不一定能买到.这个时候要获取这些数据,就要靠爬虫了. 爬虫界大佬很多,开源库和框架数不胜数.理论上,凡是能方便连接互联网的编程语言,都适合用 ...
- TypeScript 令我苦不堪言
作者 | Ilya Suzdalnitski 责编 | 弯月 出品 | CSDN(ID:CSDNnews) 你是否被 TypeScript 的炒作假象所欺骗?TypeScript 真比 JavaScr ...
- TypeScript超详细入门教程(上)
TypeScript超详细入门教程(上) 01 开篇词:Hello~TypeScript 01 开篇词:Hello~TypeScript 更新时间:2019-10-30 13:49:46 既然我已经踏 ...
- Vue3+TypeScript从入门到进阶(六)——TypeScript知识点——附沿途学习案例及项目实战代码
文章目录 一.简介 二.Vue2和Vue3区别 三.Vue知识点学习 四.TypeScript知识点 一.JavaScript和TypeScript 二.TypeScript的安装和使用 1.Type ...
- TypeScript 研发规约落地实践
本文分享的内容是笔者在淘宝店铺迁移到 TypeScript,以及落地相关研发规约的经验.全文从 TypeScript 研发侧规范. TypeScript 工程侧规范.TypeScript Compil ...
- TypeScript 接口和TypeScript类
目录 一.TypeScript 接口 1.TypeScript 接口的定义和简单使用 2.联合类型和接口 3.接口和数组 4.接口继承 二.TypeScript 类 1.TypeScript 类的定义 ...
- 【TypeScript入门】TypeScript入门篇——类
TypeScript是面向对象的JavaScript.TypeScript支持面向对象的编程功能,如类,接口等.OOP中的类是用于创建对象的蓝图.类封装了对象的数据.Typescript为这个名为类的 ...
- typescript:never与keyof的妙用
never类型 typescript的never类型代表永不存在的值的类型,它只能被赋值为never. 任意类型与never交叉都得到never: type T1 = number & nev ...
最新文章
- php新版本废弃 preg_replace /e 修饰符
- ARP的超时重新请求
- JQuery-学习笔记05【高级——JQuery动画和遍历】
- JDK源码分析:Byte.java
- Linux 设备驱动中的 I/O模型(二)—— 异步通知和异步I/O
- [剑指offer]面试题第[42]题[Leedcode][JAVA][第53题][最大子序和][动态规划][贪心][分治]
- 零基础入门Python数据分析,只需要看懂这一张图,附下载链接!
- Idea为什么全局搜索会失效?
- 关于动态库和静态库的总结
- 运筹学_大M法_week4
- Java web前端——HTML常用标签
- 安卓的个性化彩色二维码的完美实现
- 一男老师每日百词转载+连载(1)
- [Python]等额本息房贷计算器
- STL 常用容器的底层数据结构实现
- PubMed文献影响因子怎么显示保姆教程
- Excel2003默认调色板颜色索引对照表
- 男人应该摒弃“处女情结”
- win7系统下控制台窗口主机已停止工作解决方法
- 一个悲伤的故事~RR-OS的刷机感受
热门文章
- 消除软硬件鸿沟,芯客网完美支持智能硬件在移动互联时代的爆发
- 企业 全功能邮件服务器
- java 使用ireport无法显示图片问题分析
- int、bigint、mediumint、smallint、tinyint的比较
- P5290 [十二省联考2019]春节十二响
- Android 查看App冷启动时间/热启动时间/页面打开时间
- mutex_lock
- javascript必须知道的知识要点(一)
- javascript 触发事件列表
- 【转】【翻译】实体框架中的POCO支持 - 第二部分 - 复杂类型,延迟装载和显式装载...