TypeScript 互动版

在线工具推荐: Three.js AI纹理开发包 - YOLO合成数据生成器 - GLTF/GLB在线编辑 - 3D模型格式在线转换 - 可编程3D场景编辑器

对比


我们先写一个TypeScript的例子,如下代码,定义一个学生类(在后面的内容中介绍),然后调用:

class Student{
   name:string;
   age:number;
}
var s1=new Student();
s1.name="Jim";
s1.age=20;
document.write("name:"+s1.name+" age:"+s1.age);

我们再来看用TypeScript编译以后的JavaScript代码:

var Student = (function () {
    function Student() {
    }
    return Student;
})();
var s1 = new Student();
s1.name = "Jim";
s1.age = 20;
document.write("name:" + s1.name + " age:" + s1.age);

通过对代码的对比,是不是感觉TypeScript代码更简洁,更好理解,更易于维护。是不是感觉与C#,Java,C++类似。

在右面的编辑器将两种语法都试一试吧!