一步一步学习TypeScript(01.Hello_World)

最新推荐文章于 2023-04-28 07:46:27 发布

原创最新推荐文章于 2023-04-28 07:46:27 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#typescript

TypeScript 专栏收录该内容

21 篇文章

订阅专栏

本文介绍了一个简单的TypeScript项目搭建过程，包括创建项目文件夹、编写基本的类结构、使用静态方法及实例方法，并通过编译运行查看输出结果。

新建一个文件夹helloworld.
在vs code中打开.
新建一个app.ts文件

class Startup {
    public static main(): number {
        console.log('Hello World');
        return 0;
    }

    hello(){
        console.log('Hello');
    }
}

Startup.main();

new Startup().hello();

在命令行中执行

tsc app.ts
node app

可以看到 “Hello World” 及 “Hello”输出.

知识点
* 用class声明一个类.
* public表名这个方法是公共方法,同样的可以用private表示私有方法,protected在子类中可以使用.
* 用static声明这个方法是静态的.可以在通过Startup.main()直接使用. 反则要通过实例化一个对象来调用
* 反回类型通过: number表示反回结果为数字类型.
* tsc 可以把ts文件编译成js文件.实际使用的还是js文件.
* 最后使用node执行这个脚本.