typeScript入门

Posted 宣哲

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了typeScript入门相关的知识,希望对你有一定的参考价值。

typescript入门第一步

1、关于计算机语言

c++ :数据类型 变量 常量 运算符 程序结构 函数 类与对象 强类型语言

c语言的超集

typeScript:数据类型 变量 常量 运算符 程序结构 函数 类与对象 强类型脚本语言

JavaScript语言的超集

2、ts环境搭建

2.1安装nodejs(编译解释器)

Node.js 中文网 (nodejs.cn)

下载LTS长期维护版本

2.2检查nodejs是否安装成功

打开控制台窗口,输入node -v;

安装成功会输出nodejs的版本号

2.3安装typeScript

打开powershell窗口,输入npm i -g typescript,以此安装typeScript

2.4检查typeScript是否安装成功

控制台输入tsc检测

2.5编译ts文件

第一步 准备一个ts文件

第二步 利用tsc命令编译,编译之后会出现一个js文件

tsc ts文件名

第三部 node命令执行js文件

node js文件名

3、IDE软件安装

vscode

4、ts变量

4.1 变量的作用域

全局作用域:整个ts文件 整个全局

类作用域:类的作用域 通过类的对象访问普通变量,类的静态变量通过类名访问

局部作用域:声明在代码块

4.2 变量的声明

let :当前快作用域下

var :全局环境

const :声明常量 拥有和let一样的作用域

console.log("第一个ts文件");
let a = 10;
var b = 11;

let c :string = "jjjjjjj";	 //限制c只能存储string类型

const data = "ffffff";

4.3 要点

typeScript区分大小写

代码分号是可选的(编译时默认在每一行后面添加分号)

注释和c/c++一样

5、ts数据类型的简单介绍

5.1 任意类型 any

5.2 数字 number 双精度64位浮点值

5.3 字符串 string ts js 中 \'\' "" 都代表字符串

5.4 布尔值 boolean

5.5 数组类型

//数组
let arr = [2,3,4];
arr[3] = 8;			//不会报错,自动扩容
console.log(arr);

5.6 元组

//元组:表示已知元素数量和类型的数组
let yz:[string , number];
yz = ["dada",1];

5.7 枚举

//枚举
enum COLOR Red, green , white;
let rr = COLOR.Red;
let rr1:COLOR = COLOR.white;

5.8 void 用来标识方法返回值

5.9 null

5.10 undefined 未定义

let yyyz2;			//未定义
console.log("-------",yyyz2);
let yyyz3 = null;	//null
console.log("-------",yyyz3);

输出为

5.11 never 从来不会出现的类型

以上是关于typeScript入门的主要内容,如果未能解决你的问题,请参考以下文章

typescript Angular最终版本的Angular 2测试片段。代码库https://developers.livechatinc.com/blog/category/programming

typescript Angular最终版本的Angular 2测试片段。代码库https://developers.livechatinc.com/blog/category/programming

typescript 打字稿+角度1的启动片段

TypeScript 入门指南

TypeScript高级类型入门手册:附大量代码实例(收藏!)

从 TypeScript 类型定义或 GraphQL 片段定义生成 JavaScript 空对象