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关键字相关推荐

  1. typescript使用in关键字进行类型守卫

    类型保护是可执行运行时检查的一种表达式,用于确保该类型在一定的范围内.换句话说,类型保护可以保证一个字符串是一个字符串,尽管它的值也可以是一个数值. 类型保护与特性检测并不是完全不同,其主要思想是尝试 ...

  2. 编写一个脚本判断某个用户是否处在活动模式_使用 TypeScript 编写爬虫

    我们需要的数据多种多样,不可能什么都买,就算有钱,有的数据也不一定能买到.这个时候要获取这些数据,就要靠爬虫了. 爬虫界大佬很多,开源库和框架数不胜数.理论上,凡是能方便连接互联网的编程语言,都适合用 ...

  3. TypeScript 令我苦不堪言

    作者 | Ilya Suzdalnitski 责编 | 弯月 出品 | CSDN(ID:CSDNnews) 你是否被 TypeScript 的炒作假象所欺骗?TypeScript 真比 JavaScr ...

  4. TypeScript超详细入门教程(上)

    TypeScript超详细入门教程(上) 01 开篇词:Hello~TypeScript 01 开篇词:Hello~TypeScript 更新时间:2019-10-30 13:49:46 既然我已经踏 ...

  5. Vue3+TypeScript从入门到进阶(六)——TypeScript知识点——附沿途学习案例及项目实战代码

    文章目录 一.简介 二.Vue2和Vue3区别 三.Vue知识点学习 四.TypeScript知识点 一.JavaScript和TypeScript 二.TypeScript的安装和使用 1.Type ...

  6. TypeScript 研发规约落地实践

    本文分享的内容是笔者在淘宝店铺迁移到 TypeScript,以及落地相关研发规约的经验.全文从 TypeScript 研发侧规范. TypeScript 工程侧规范.TypeScript Compil ...

  7. TypeScript 接口和TypeScript类

    目录 一.TypeScript 接口 1.TypeScript 接口的定义和简单使用 2.联合类型和接口 3.接口和数组 4.接口继承 二.TypeScript 类 1.TypeScript 类的定义 ...

  8. 【TypeScript入门】TypeScript入门篇——类

    TypeScript是面向对象的JavaScript.TypeScript支持面向对象的编程功能,如类,接口等.OOP中的类是用于创建对象的蓝图.类封装了对象的数据.Typescript为这个名为类的 ...

  9. typescript:never与keyof的妙用

    never类型 typescript的never类型代表永不存在的值的类型,它只能被赋值为never. 任意类型与never交叉都得到never: type T1 = number & nev ...

最新文章

  1. php新版本废弃 preg_replace /e 修饰符
  2. ARP的超时重新请求
  3. JQuery-学习笔记05【高级——JQuery动画和遍历】
  4. JDK源码分析:Byte.java
  5. Linux 设备驱动中的 I/O模型(二)—— 异步通知和异步I/O
  6. [剑指offer]面试题第[42]题[Leedcode][JAVA][第53题][最大子序和][动态规划][贪心][分治]
  7. 零基础入门Python数据分析,只需要看懂这一张图,附下载链接!
  8. Idea为什么全局搜索会失效?
  9. 关于动态库和静态库的总结
  10. 运筹学_大M法_week4
  11. Java web前端——HTML常用标签
  12. 安卓的个性化彩色二维码的完美实现
  13. 一男老师每日百词转载+连载(1)
  14. [Python]等额本息房贷计算器
  15. STL 常用容器的底层数据结构实现
  16. PubMed文献影响因子怎么显示保姆教程
  17. Excel2003默认调色板颜色索引对照表
  18. 男人应该摒弃“处女情结”
  19. win7系统下控制台窗口主机已停止工作解决方法
  20. 一个悲伤的故事~RR-OS的刷机感受

热门文章

  1. 消除软硬件鸿沟,芯客网完美支持智能硬件在移动互联时代的爆发
  2. 企业 全功能邮件服务器
  3. java 使用ireport无法显示图片问题分析
  4. int、bigint、mediumint、smallint、tinyint的比较
  5. P5290 [十二省联考2019]春节十二响
  6. Android 查看App冷启动时间/热启动时间/页面打开时间
  7. mutex_lock
  8. javascript必须知道的知识要点(一)
  9. javascript 触发事件列表
  10. 【转】【翻译】实体框架中的POCO支持 - 第二部分 - 复杂类型,延迟装载和显式装载...