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是由 ...
随机推荐
- Java编程基础篇第二章
关键字 概述:被Java语言赋予特定含义的单词. 特点:组成关键字的字母全部为小写字母. 标识符 概述:给类,接口,包,方法,常量起名字时的字符序列 组成规则:英文大小写字母,数字,$和— 命名规则. ...
- MyBatis映射配置文件详解
<?xml version="1.0" encoding="UTF-8" ?><!DOCTYPE mapperPUBLIC "-// ...
- height:100%
子元素的高度设置为height:100%时 继承父元素的高度为border+height 子元素的高度为height: 此时父元素的 box-sizing:content-box: border-bo ...
- 《PHP - CGI/Fastcgi/PHP-FPM》
先说下我最近看到的一篇文章,哈哈哈,特别好玩. 一步步教你编写不可维护的 PHP 代码 之前一直知道 PHP 在 CGI 模式下运行.命令行下在 CLI 模式下运行. 但是 FPM 和 nginx 配 ...
- python的var_dump，打印对象内容
from __future__ import print_function from types import NoneType __author__ = "Shamim Hasnath&q ...
- androidj基础：从网上下载图片
一.布局文件 设置界面,添加一个ImageView,和两个Button按钮,设置其属性及id <ImageView android:id="@+id/ImageView" a ...
- SybaseIQ上SQL基本使用
锁定: sp_iqlocks 踢人: 存储过程查找: sybase central里面查询的命令(查找过滤器例如:%table%),Sybase Central/Sybase IQ 15/服务器/xx ...
- Spark共享变量(广播变量、累加器)
转载自:https://blog.csdn.net/Android_xue/article/details/79780463 Spark两种共享变量:广播变量(broadcast variable)与 ...
- ubuntu常用软件命令
解压zip软件 unzip xxx.zip -d解压到指定目录 清理磁盘空间 sudo apt-get autoremove sudo apt-get clean sudo dpkg --list ...
- 队列ADT
队列 队列是FIFO表,使用队列时在队尾(rear)插入元素,称之为入队(enqueue),以及在对头(front)删除并返回元素值,称之为出队(dequeue). 任何表的实现都可以用于实现队列结构 ...