中文编程
首发于中文编程

5分钟入门CTS-尝鲜中文版TypeScript

本文为中文代码示例之5分钟入门TypeScriptCTS版本. CTS作者是@htwx(github). 它实现了TypeScript关键词和标准库的所有命名汉化.

本文并未使用附带的vscode相关插件(包括CTS语言插件和拼音输入插件等). 与原Typescript教程类似, 只按照项目首页安装cts后在命令行进行编译.

示例仍旧源于Typescript官方文档: TypeScript in 5 minutes.

源码在: program-in-chinese/cts_in_5_min

第一个CTS程序

函数 问好(那谁) {
  返回 "吃了么, " + 那谁;
}

变量 路人 = "打酱油的";

文档..内部HTML = 问好(路人);

运行

cts 问好.ts --useUnicodeKeywords

编译生成"问好.js"文件.
添加参数类型

函数 问好(那谁: 文字) {
   返回 "吃了么, " + 那谁;
}

如果'那谁'的类型不符, 比如是数组类型[0,1,2], 编译时会报错, 挺好:

问好.ts(7,30): error TS2345: Argument of type 'number[]' is not assignable to parameter of type 'string'.

添加接口

接口  {
  : 文字;
  : 文字;
}

函数 问好(那谁: ) {
  返回 "吃了么, " + 那谁. + 那谁.;
}

变量 路人 = {: "大", : "黄"};

这里路人的"形状"符合"人", 类型就被判定为相符.

自己误写成了:

函数 问好(那谁: ) {
  返回 "吃了么, " + . + .;
}

编译提示'人'是个类型而不是值, 挺好:

问好.ts(7,20): error TS2693: '人' only refers to a type, but is being used as a value here.

添加类

类别 学生 {
  全名: 文字;
  构造(公开 : 文字, 公开 : 文字) {
    本体.全名 =  + ;
  }
}

接口  {
  : 文字;
  : 文字;
}

函数 问好(那谁: ) {
  返回 "吃了么, " + 那谁. + 那谁.;
}

变量 路人 = 新建 学生("大", "黄");

运行第一个网络应用

为了检验js文件, 添加HTML文件:

<!DOCTYPE html>
<html>
    <head><title>TypeScript你好</title></head>
    <body>
        <script src="问好.js"></script>
    </body>
</html>

html文件在Chrome中打开显示正确:

吃了么, 大黄

文章被以下专栏收录

    在所有编程语言和领域中尝试编写中文代码,开发相关工具,总结经验,一致代码风格。包括中文命名,汉化现有语言,创造中文语法的编程语言等等。作为最熟悉的母语,用来编写代码会让代码更容易被自己和母语相同的其他开发者理解。基于英文的编程语言和框架中,使用中文命名有时有技术问题。希望这里为后人趟雷,填坑。多数现有API是英文的,这里也会对其中一些常用的进行汉化。当然,这里也会对基于中文的编程语言进行探讨。包括汉化基于英文的编程语言,以及创造新的编程语言。