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

简介: 基于TypeScript官方入门文档, 用中文版TypeScript LingaScript重写示例代码.

续前文转载: 中文輸進去,程式出得來,開發者發大財 -LingaScript:中文化TypeScript, 虽然其中例程使用了繁体中文语法, 但它同时也支持简体中文语法.

注: 此文中VS Code的TypeScript环境设置为了中文, 因此错误信息也是中文. 方法见VS Code 有哪些必不可少的设置项? 这是VS Code提供的功能.

按照前文5分钟入门CTS-尝鲜中文版TypeScript的过程, 对它的简体版lingascript-cn进行实测.

源码库: program-in-chinese/LingaScript_cn_in_5_min

采用本地安装, 第一个LingaScript程序, 关键字看上去与CTS相同:

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

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

document.body.innerHTML = 问好(路人);

由于仍使用.ts后缀, 在VS Code下被认作TypeScript源码, 因而有很多语法错误提示, 但不影响编译.

运行编译后正确生成问好.js. 与中文代码示例之5分钟入门TypeScript文末一样, 在火狐中打开测试HTML文件仍需将编码改为Unicode.

添加参数类型:

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

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

问好.ts:7:30 - error TS2345: 类型“number[]”的参数不能赋给类型“string”的参数。

添加接口和类. 最终的问好.ts:

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

接口 人 {
  姓: 文字;
  名: 文字;
}

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

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

document.body.innerHTML = 问好(路人);

编译无误, 运行正常, 网页显示如下:

吃了么, 大林

2019-03-15

相关文章
|
5月前
|
JavaScript 前端开发
【TypeScript入门】TypeScript入门篇——数据类型
我们人类可以很容易的分清数字与字符的区别,但是计算机并不能呀,计算机虽然很强大,但从某种角度上看又很傻,除非你明确的告诉它,1是数字,“汉”是文字,否则它是分不清1和‘汉’的区别的,因此,在每个编程语言里都会有一个叫数据类型的东东,其实就是对常用的各种数据类型进行了明确的划分,你想让计算机进行数值运算,你就传数字给它,你想让他处理文字,就传字符串类型给他。
55 3
|
8天前
|
JavaScript 前端开发 编译器
TypeScript,从0到入门带你进入类型的世界
该文章提供了TypeScript的入门指南,从安装配置到基础语法,再到高级特性如泛型、接口等的使用,帮助初学者快速掌握TypeScript的基本用法。
|
4月前
|
JavaScript 前端开发 程序员
typescript入门笔记分享
typescript入门笔记分享
24 0
|
5月前
|
JavaScript 前端开发
TypeScript极速入门笔记1
TypeScript极速入门笔记1
66 4
|
5月前
|
JavaScript
vite+typescript从入门到实战(三)
vite+typescript从入门到实战
71 0
|
5月前
|
JavaScript
vite+typescript从入门到实战(二)
vite+typescript从入门到实战
74 0
|
5月前
|
JavaScript 前端开发
vite+typescript从入门到实战(一)
vite+typescript从入门到实战
118 0
|
10天前
|
JavaScript
typeScript进阶(9)_type类型别名
本文介绍了TypeScript中类型别名的概念和用法。类型别名使用`type`关键字定义,可以为现有类型起一个新的名字,使代码更加清晰易懂。文章通过具体示例展示了如何定义类型别名以及如何在函数中使用类型别名。
27 1
typeScript进阶(9)_type类型别名
|
10天前
|
JavaScript
typeScript基础(2)_any任意值类型和类型推论
本文介绍了TypeScript中的`any`任意值类型,它可以赋值为其他任何类型。同时,文章还解释了TypeScript中的类型推论机制,即在没有明确指定类型时,TypeScript如何根据变量的初始赋值来推断其类型。如果变量初始化时未指定类型,将被推断为`any`类型,从而允许赋予任何类型的值。
27 4
|
10天前
|
JavaScript
typeScript基础(5)_对象的类型-interfaces接口
本文介绍了TypeScript中接口(interfaces)的基本概念和用法,包括如何定义接口、接口的简单使用、自定义属性、以及如何使用`readonly`关键字定义只读属性。接口在TypeScript中是定义对象形状的重要方式,可以规定对象的必有属性、可选属性、自定义属性和只读属性。
26 1
下一篇
无影云桌面