TS
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 | //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
1 2 3 4 5 6 7 8 9 10 11 12 | 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); |
天道酬勤
本文作者:方方和圆圆
本文链接:https://www.cnblogs.com/diligenceday/p/3558986.html
版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步