TypeScript作业
题目:
了解神话故事盘古开天辟地或者女娲开世造物,通过typescript程序模拟出天地的变化过程或者万物的衍生过程

参考博客园大神: https://www.cnblogs.com/tansm/p/TypeScript_Handbook.html
https://www.runoob.com/w3cnote/getting-started-with-typescript.html
不知道这个题目是要做什么的,我瞎想了下面的程序:
class Pangu {
static welcome01 = "开天辟地了";
welcome02: string;
welcome03() {
if (this.welcome02) {
return "Hello, " + this.welcome02;
}
else {
return Pangu.welcome01;
}
}
}
var welcome04: Pangu;
welcome04 = new Pangu();
alert(welcome04.welcome03());
var welcome05: typeof Pangu = Pangu;
welcome05.welcome01 = "盘古的呼吸变成了天";
var welcome06:Pangu = new welcome05();
alert(welcome06.welcome03());
var welcome07: typeof Pangu = Pangu;
welcome07.welcome01 = "盘古的声音变成了大地";
var welcome08:Pangu = new welcome05();
alert(welcome08.welcome03());
var welcome09: typeof Pangu = Pangu;
welcome09.welcome01 = "盘古的眼睛变成了云";
var welcome10:Pangu = new welcome05();
alert(welcome10.welcome03());
var welcome11: typeof Pangu = Pangu;
welcome11.welcome01 = "盘古的四肢变成了雷声";
var welcome12:Pangu = new welcome05();
alert(welcome12.welcome03());
var welcome13: typeof Pangu = Pangu;
welcome13.welcome01 = "盘古的肌肤变成了太阳和月亮";
var welcome14:Pangu = new welcome05();
alert(welcome14.welcome03());
var welcome15: typeof Pangu = Pangu;
welcome15.welcome01 = "盘古的血液变成了江河";
var welcome16:Pangu = new welcome05();
alert(welcome16.welcome03());
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>TypeScipt作业</title>
<script type="text/javascript" src="homework.js"></script>
</head>
</html>
编译之后的js
var Pangu = /** @class */ (function () {
function Pangu() {
}
Pangu.prototype.welcome03 = function () {
if (this.welcome02) {
return "Hello, " + this.welcome02;
}
else {
return Pangu.welcome01;
}
};
Pangu.welcome01 = "开天辟地了";
return Pangu;
}());
var welcome04;
welcome04 = new Pangu();
alert(welcome04.welcome03());
var welcome05 = Pangu;
welcome05.welcome01 = "盘古的呼吸变成了天";
var welcome06 = new welcome05();
alert(welcome06.welcome03());
var welcome07 = Pangu;
welcome07.welcome01 = "盘古的声音变成了大地";
var welcome08 = new welcome05();
alert(welcome08.welcome03());
var welcome09 = Pangu;
welcome09.welcome01 = "盘古的眼睛变成了云";
var welcome10 = new welcome05();
alert(welcome10.welcome03());
var welcome11 = Pangu;
welcome11.welcome01 = "盘古的四肢变成了雷声";
var welcome12 = new welcome05();
alert(welcome12.welcome03());
var welcome13 = Pangu;
welcome13.welcome01 = "盘古的肌肤变成了太阳和月亮";
var welcome14 = new welcome05();
alert(welcome14.welcome03());
var welcome15 = Pangu;
welcome15.welcome01 = "盘古的血液变成了江河";
var welcome16 = new welcome05();
alert(welcome16.welcome03());
class Name {
name : string;
constructor(name) {
this.name = name;
}
}
class EarthSkyItem extends Name {
private bodyItem : BodyItem;
private sky : Sky;
private earth : Earth;
constructor(name:string, bodyItem : BodyItem, sky : Sky, earth : Earth) {
super(name);
this.bodyItem = bodyItem;
this.sky = sky;
this.earth = earth;
}
}
class Wind extends EarthSkyItem {
constructor(bodyItem : BodyItem, sky : Sky) {
super('四季的风', bodyItem, sky, null);
console.log(`他${bodyItem.name},变成了${this.name};`);
}
}
class Cloud extends EarthSkyItem {
constructor(bodyItem : BodyItem, sky : Sky) {
super('飘动的云', bodyItem, sky, null);
console.log(`他${bodyItem.name},变成了${this.name};`);
}
}
class Thunder extends EarthSkyItem {
constructor(bodyItem : BodyItem, sky : Sky) {
super('隆隆的雷声', bodyItem, sky, null);
console.log(`他${bodyItem.name},变成了${this.name};`);
}
}
class Sun extends EarthSkyItem {
constructor(bodyItem : BodyItem, sky : Sky) {
super('太阳', bodyItem, sky, null);
console.log(`他${bodyItem.name},变成了${this.name};`);
}
}
class Moon extends EarthSkyItem {
constructor(bodyItem : BodyItem, sky : Sky) {
super('月亮', bodyItem, sky, null);
console.log(`他${bodyItem.name},变成了${this.name};`);
}
}
class FourPole extends EarthSkyItem {
constructor(bodyItem : BodyItem, earth : Earth) {
super('大地上的东、西、南、北四极', bodyItem, null, earth);
console.log(`他${bodyItem.name},变成了${this.name};`);
}
}
class Ground extends EarthSkyItem {
constructor(bodyItem : BodyItem, earth : Earth) {
super('辽阔的大地', bodyItem, null, earth);
console.log(`他${bodyItem.name},变成了${this.name};`);
}
}
class Reiver extends EarthSkyItem {
constructor(bodyItem : BodyItem, earth : Earth) {
super('奔流不息的江河', bodyItem, null, earth);
console.log(`他${bodyItem.name},变成了${this.name};`);
}
}
class Rain extends EarthSkyItem {
constructor(bodyItem : BodyItem, earth : Earth) {
super('滋润万物的雨露', bodyItem, null, earth);
console.log(`他${bodyItem.name},变成了${this.name};`);
}
}
class BodyItem extends Name {
constructor(name:string) {
super(name);
}
}
class Pangu extends Name{
constructor() {
super('盘古');
this.live();
}
private sky : Sky;
private earth : Earth;
private height : number = 2;
private qixi = new BodyItem('呼出的气息');
private shengyin = new BodyItem('发出的声音');
private leftEye = new BodyItem('的左眼');
private rightEye = new BodyItem('的右眼');
private sizhi = new BodyItem('四肢');
private skin = new BodyItem('肌肤');
private blood = new BodyItem('血液');
private sweat = new BodyItem('汗');
live() : void {
console.log('有个叫盘古的巨人,出生在这混沌之中。');
this.sleeping();
this.wakeup();
}
sleeping() : void {
console.log('他一直睡了一万八千年。');
}
wakeup() : void {
console.log('有一天,盘古突然醒了。');
}
kaitian(world:World) : void {
console.log('他见周围一片漆黑,就抡起大斧头,朝眼前的黑暗猛劈过去。');
let skyEarch : [Sky, Earth] = world.died();
this.sky = skyEarch[0];
this.earth = skyEarch[1];
this.grow();
}
grow() : void {
console.log('天和地分开以后,盘古怕它们还会合在一起,就头顶着天,用脚使劲蹬着地。天每天升高一丈,盘古也随着越长越高。');
this.height += 20000;
this.died();
}
died() : void {
console.log('这样不知过多少年,天和地逐渐成形了,盘古也累得倒了下去。');
this.transform();
}
transform() : void {
let wind : Wind = new Wind(this.qixi, this.sky);
let cloud : Cloud = new Cloud(this.qixi, this.sky);
let thunder : Thunder = new Thunder(this.shengyin, this.sky);
let sun : Sun = new Sun(this.leftEye, this.sky);
let moon : Moon = new Moon(this.rightEye, this.sky);
let fourPole : FourPole = new FourPole(this.sizhi, this.earth);
let ground : Ground = new Ground(this.skin, this.earth);
let reiver : Reiver = new Reiver(this.blood, this.earth);
let rain : Rain = new Rain(this.sweat, this.earth);
//...
}
}
class World extends Name{
private status : string = '混沌';
constructor() {
super('混沌世界');
console.log('很久很久以前,天和地还没有分开,宇宙混沌一片。');
}
died() : [Sky, Earth] {
console.log('只听一声巨响,混沌一片的东西渐渐分开了。');
this.status = '消失';
let skyEarch : [Sky, Earth] = [new Sky(), new Earth()];
return skyEarch;
}
}
class Sky extends Name{
constructor() {
super('天');
console.log('轻而清的东西,缓缓上升,变成了天;');
}
}
class Earth extends Name{
constructor() {
super('地');
console.log('重而浊的东西,慢慢下降,变成了地。');
}
}
let world = new World();
let pangu = new Pangu();
pangu.kaitian(world);


TypeScript作业的更多相关文章
- CSS3与页面布局学习总结(七)——前端预处理技术(Less、Sass、CoffeeScript、TypeScript)
CSS不像其它高级语言一样支持算术运算.变量.流程控制与面向对象特性,所以CSS样式较多时会引起一些问题,如修改复杂,冗余,某些别的语言很简单的功能实现不了等.而javascript则是一种半面向对象 ...
- 深入浅出 Typescript 学习笔记
TypeScript 是 JavaScript 的一个超集,支持 ECMAScript 6 标准. TypeScript 由微软开发的自由和开源的编程语言. TypeScript 设计目标是开发大型应 ...
- TypeScript: Angular 2 的秘密武器(译)
本文整理自Dan Wahlin在ng-conf上的talk.原视频地址: https://www.youtube.com/watch?v=e3djIqAGqZo 开场白 开场白主要分为三部分: 感谢了 ...
- TypeScript为Zepto编写LazyLoad插件
平时项目中使用的全部是jQuery框架,但是对于做webapp来说jQuery太过于庞大,当然你可以选择jQuery 2.*针对移动端的版本. 这里我采用移动端使用率比较多的zepto框架,他跟jqu ...
- TypeScript Vs2013 下提示Can not compile modules unless '--module' flag is provided
VS在开发TypeScript程序时候,如果import了模块有的时候会有如下提示: 这种情况下,只需要对当前TypeScript项目生成设置为AMD规范即可!
- python10作业思路及源码:类Fabric主机管理程序开发(仅供参考)
类Fabric主机管理程序开发 一,作业要求 1, 运行程序列出主机组或者主机列表(已完成) 2,选择指定主机或主机组(已完成) 3,选择主机或主机组传送文件(上传/下载)(已完成) 4,充分使用多线 ...
- SQLServer2005创建定时作业任务
SQLServer定时作业任务:即数据库自动按照定时执行的作业任务,具有周期性不需要人工干预的特点 创建步骤:(使用最高权限的账户登录--sa) 一.启动SQL Server代理(SQL Server ...
- TypeScript
TypeScript: Angular 2 的秘密武器(译) 本文整理自Dan Wahlin在ng-conf上的talk.原视频地址: https://www.youtube.com/watch? ...
- 打造TypeScript的Visual Studio Code开发环境
打造TypeScript的Visual Studio Code开发环境 本文转自:https://zhuanlan.zhihu.com/p/21611724 作者: 2gua TypeScript是由 ...
随机推荐
- 《JavaScript》 程序基本知识 数据类型。 {0912上} {0912下}
JS脚本语言: 这是JaxaScript的全称名 JS是网页里面使用的脚本语言 JS是一个非常强大的语言 JS的基础语法 注释语法: 单行注释 // 多行注释 /**/ 输出语法: 双标 ...
- Python学习之旅(三十五)
Python基础知识(34):电子邮件(Ⅰ) 几乎所有的编程语言都支持发送和接收电子邮件 在使用Python收发邮件前,请先准备好至少两个电子邮件,如xxx@163.com,xxx@sina.com, ...
- jQuery 中的 39 个技巧【申明:来源于网络】
jQuery 中的 39 个技巧[申明:来源于网络] 地址:http://blog.csdn.net/zhongqi2513/article/details/53704812?ref=myread
- [dev] 啥是Virtual Private Network
先来读wiki:https://en.wikipedia.org/wiki/Virtual_private_network 摘要: VPNs can be either remote-access ( ...
- Linux之cat的使用
基本介绍 工作原理 从标准输入读入要 cat 的文件列表,然后逐个打开,读入文件内容,再将内容输出到标准输出上. 使用场景 一次显示整个文件 从键盘创建一个文件 将几个文件合并为一个文件 将一个或多个 ...
- 洛谷P1021邮票面值设计 [noip1999] dp+搜索
正解:dfs+dp 解题报告: 传送门! 第一眼以为小凯的疑惑 ummm说实话没看标签我还真没想到正解:D 本来以为这么多年前的noip应该不会很难:D 看来还是太菜了鸭QAQ 然后听说题解都可以被6 ...
- Oracle启动关闭
启动: [oracle@oracleSigle ~]$ sqlplus / as sysdba SQL*Plus: Release 11.2.0.1.0 Production on Wed Nov ...
- python tkinter button
"""小白随笔,大佬勿喷""" '''Button按钮 点击执行对应的命令''' import tkinter as tk #初始化窗口 w ...
- 为什么python中没有switch case语句
终于知道了python中映射的设计哲学. 我自己写的code : class order_status_switcher(object): def get_order_status(self,argu ...
- webstorm 配置 开发微信小程序
默认情况下,webstorm是不支持wxml和wxss的文件类型,不会有语法高亮 设置高亮 除了高亮,还需要代码提示, 所幸已经有前辈整理了小程序的代码片段,只需要导入其安装包即可使用,包文件路径如下 ...