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是由 ...
随机推荐
- 让我对 docker swarm mode 的基本原理豁然开朗的几篇英文博文
关于 docker swarm mode 的基本架构 How does it work? Docker! Part 1: Swarm general architecture 关于 Overlay N ...
- CodeForces 570D - Tree Requests - [DFS序+二分]
题目链接:https://codeforces.com/problemset/problem/570/D 题解: 这种题,基本上容易想到DFS序. 然后,我们如果再把所有节点分层存下来,那么显然可以根 ...
- RoR - Advanced Querying
Seeding the Database: db/seed.rb 可以提供预设data rake db:seed #seeds.rb Person.create! [ {first_name : &q ...
- Java学习-049-正则工具类
自去年九月份决定再次入学和职业资格进阶,开始备战二者考试至今,以及当下进行中的职称申请,犹如孤独的狼,不断前行在路上,而今凡凡总总的已历8月... 不感慨了,如下为一园友需要的正则工具类,直接上码: ...
- 3、LwIP协议栈规范翻译——概述
3.概述 像许多其他TCP/IP实现一样,分层协议设计已经成为设计lwIP实现的指南.每个协议实现为自己的模块,其中几个功能充当每个协议的入口点.尽管协议层是单独实现的,一些层却不全是,正如前面所叙述 ...
- javaweb(2)之Servlet入门
Hello Servlet 方式一 1.新建 web 工程,编写一个类,实现 javax.servlet.Servlet 接口: package com.zze.servlet; import jav ...
- eclipse出现An internal error occurred during: "Building workspace". Java heap space 错误
出现这个错误,eclipse 会卡死,以及自动退出 解决方案 工程根目录 找到项目中.project文件 删除这两处 第一处: <buildCommand> <name>org ...
- Angela启动步骤
1.在web目录下执行 grunt watch (如果不在目录下执行不能识别,当然首先安装node.js) 2.随便改一个文件,会自动重新生成代码(在dest目录下会生成可执行的代码) 3.如果有de ...
- 百度富文本Ueditor编辑器的使用
往在web开发的时候,尤其是在网站开发后台管理系统的时候经常会使用到富文本编辑器,这里我们来使用百度提供的富文本编辑器UEditor,以提高我们的开发效率 UEditor官网下载地址:https:// ...
- https学习笔记二----基础密码学知识和python pycrypto库的介绍使用
在更详细的学习HTTPS之前,我也觉得很有必要学习下HTTPS经常用到的加密编码技术的背景知识.密码学是对报文进行编解码的机制和技巧.可以用来加密数据,比如数据加密常用的AES/ECB/PKCS5Pa ...