//html文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>TypeScript HTML App_for_test</title>
</head>
<body>
<h1>TypeScript HTML App_for_test</h1>
</body>
<script src="app.js"></script>
</html>
//app.js内容
class Greeter {
constructor(public greeting: string) {
}
greet() {
return "<h1>" + this.greeting + "</h1>";
}
};
var greeter = new Greeter("hello,world");
var str = greeter.greet();
document.body.innerHTML = str;
/***************************************************************/
class RayTracer {
private maxDepth = 5;
private intersections() {
}
private testRay() {
}
render() {
}
};
function defaultScene(): Scene {
return {
}
}
function exec() {
var canv = document.createElement("canvas");
canv.width = 256;
canv.height = 256;
document.body.appendChild(canv);
var ctx = canv.getContext("2d");
var rayTracer = new RayTracer();
return rayTracer.render( defaultScene() );
}
exec()
//第一次使用typescript，为毛感觉和js差那么多啊，太不习惯了
interface
interface Person {
firstname: string;
lastname: string;
}
function greeter(person : Person) {
return "Hello, " + person.firstname + " " + person.lastname;
}
var user = {firstname: "Jane", lastname: "User"};
document.body.innerHTML = greeter(user);