TS - diligenceday－IT工程師數位筆記本

文章出處

//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);

文章列表