我的TypeScript

1.TypeScript

typescript 是 javascript 的超集 。
TypeScript = Type + JavaScript。
目标：开发大型项目（js在大型项目上有心无力）。

2.安装

1.打开 VSCode 终端。
2.输入 npm i -g typescript 回车

i ( install ) ：表示安装
-g（ -global ）：全局标识

3.（可选）安装 ts-node 包 ： npm i -g ts-node

目的：简化频繁重读执行TS代码

使用： ts-node hello.ts

3.注释和输出

单行注释：ctrl + /
多行注释：shift + alt +a
输出语句：console.log( 要打印的内容 )

4.变量和数据类型

名称	元素
基本数据类型	number / string / boolean / undefined / null
复杂数据类型	对象类型

1.声明变量 并 指定类型

let age: number;

• let 是 TS 的关键字，用来声明变量。
• age 变量名
• :number 数据类型为数值类型

2.给变量赋值

let age: number;
age = 12

简化：

let age: number = 12

注意：

undefined	表示已声明，但是没赋值
null	表示已声明，赋值为 null

5.运算符

运算符	包含
算术运算符	加（+）、减（-）、乘（*）、除（/）
赋值运算符	=、+=、-=、*=、/=
自增、自减	++、- -
比较运算符	>、（>=）、<、<=、=== 、!==
逻辑运算符	&& 、|| 、！

加号（+）：可以用字符串作拼接（其他算术运算符只能和数字类型一起使用）
记住： 在字符串前加加号，可以将 string 转化为 number
比较运算符 和 逻辑运算符： 结果都为布尔型

6.条件语句

let isBool: boolean = true
//if else
if( isBool ){
	console.log( "true" )
}else{
	console.log( "false" )
}
//三元运算符
isBool ?console.log( "true" ) :console.log( "false" )

7.循环语句

for(let i:number = 0 ;i<3 ;i++){
	console.log(i)
}

8.数组

arr: number[]
arr: Array<string>

// 声明数组
let arr :string[] = ['arr1' ,'arr2' ,'arr3']

// 获取某个值
console.log( arr[1] )

// 添加值
arr[arr.length] = 'arr'+(arr.length+1)

console.log(arr)

// 遍历数组
for(let i :number = 0 ;i < arr.length ;i++){
	console.log(arr[i])
}

9.函数

• 实现代码复用，提升效率

function fun(str: string):number{
	console.log(str)
	return 123
}
fun('Are u OK?')

10.对象

键值对，无序集合

// 创建对象
let obj = {
	name:'kiky',
	age:83,
}

// 取值
console.log( obj.age )

// 改值
obj.name = 'Gogo'

// 数组对象
let arr = ['arr1','awe','fds','ewr']
console.log( arr.length ) // 元素个数
arr.push( 'Haha' ) // 添加元素
// 遍历
arr.forEach(function( item,index ){
	console.log( item )
})
// some （ return true 遍历停止 ）
arr.some(function( num ){
	if( num > 10 ){
		return true
	}
	return false
})