猫史档案馆


【社区首档TypeScript教程】1. 导语、语法基础和变量基础 【纯原创】

用户:Albert钟Albert钟查看:1 回复:7 评论:1 创建时间:2021-04-24T16:55:40


一、导语

 

1. 什么是TypeScript?

TypeScript 是 JavaScript 的一个超集,即支持全部JS的代码,是由微软开发的开源编程语言,它可以编译成纯 JavaScript,可以在终端和浏览器上运行。

引喵描述:

TypeScript 是 JavaScript 的超集,扩展了 JavaScript 的语法,因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改,TypeScript 通过类型注解提供编译时的静态类型检查。

TypeScript 可处理已有的 JavaScript 代码,并只对其中的 TypeScript 代码进行编译。

 

2. 为什么学习TypeScript?   

相信很多人有这样的疑惑:   

Python代码简洁优美,JS作用广泛针对,预编译成JS的语言也很多,为什么TypeScript能火?

其实,TypeScript有其非凡的优良特性,它兼备静态、动态的风格特点,兼容面向对象 、面向过程式编程,类型推断和类型断言同时存在 ,这些都可以说是绝无仅有的。 emotion_编程猫_紧张   

将TypeScript作为初学语言或静态语言的入门,可以轻易地掌握静态、动态两种风格的编程。   

So,还等什么,千里之行,始于足下,come and learn it!  

 

3. 安装   

课程开始前,请先完成安装。网上教程很多,就不多赘述,只需安装Node.js后,使用npm安装。   

 

二、语法基础简介 

  

1. 每块语句末尾可加英文“;”,作为初学者,建议加上。

2. TypeScript区分大小写。

3. “//”在TypeScript表示行注释,编译器不会编译同行的“//”后的内容;     “/**/”表示块注释,“/*”和“*/”之间的内容编译器不会编译,可以跨行。 

三、变量 (1)    

 

对于一门静态语言,变量可讲的太多了,现在在认识类型之前最先学习,只是为了方便后面的演示。  

 

1.变量的定义(不太重要很枯燥,不喜勿喷直接跳   

变量来源于数学,是计算机语言中能存储计算结果或能表示值的抽象概念。   变量可以通过变量名访问。在指令式语言中,变量是可变的。

变量是一种使用方便的占位符,用于引用计算机内存地址。我们可以把变量看做存储数据的容器。

 

2. TypeScript变量命名规则(不——要——跳——

 

3. 变量声明和赋值

变量赋值前必须声明。这里且不讨论有关类型的知识,只讲解最简单的一种声明方式:

// 声明狭义上的变量,可多次赋值,使用 var 关键字
var 变量名;
变量名 = 值;

// 也可以写作
var 变量名 = 值;

 举个例子:

/* var text;
text = 'HelloWorld'; */

var text = 'HelloWorld'; // 单引号中为字符串类型,下节课会详解
console.log(text); //console.log()是输出函数,类似print、cout、echo等

 

 

这节课的内容就是这么多,下一讲我们将探讨有关类型、类型推断、类型断言和变量进阶的内容。

感兴趣记得关注啊~~emotion_星能猫_ye


回复

上一页1 页 / 共 1下一页
Albert钟Albert钟

推荐使用VisualStudio或VSCode编译代码 也可命令行执行:tsc.ts文件 编译后将在同目录生成.js文件,node.js文件即可执行

点赞0


评论


爱探险的可乐呀爱探险的可乐呀

// 声明狭义上的变量,可多次赋值,使用 var 关键字
var 变量名;
变量名 = 值;

// 也可以写作
var 变量名 = 值;

引号错了哦 是英文的

应改为:

// 声明狭义上的变量,可多次赋值,使用 var 关键字
var 变量名;
变量名 = 值;

// 也可以写作
var 变量名 = 值;

点赞0


评论


Albert钟Albert钟

dd

点赞0


评论


Albert钟Albert钟

dd

点赞0


评论


tq_xyytq_xyy

unpkg.com/typescript@4.2.4/lib/typescript.js

https://unpkg.com/typescript@4.2.4/lib/typescript.js

这个东西就是 typescript 的灵魂所在了。

不长,也就153197行代码。

点赞0


评论


Albert钟Albert钟

点赞0


评论


蒟蒻OIer1048576蒟蒻OIer1048576

vara:int呢

点赞0


评论