typeScript变基础(2)

​ 变量和数据类型

1.什么是变量?

变量:用来存储数据得容器,并且是可以变化的;

2.变量的使用?

变量的使用分为两步：1 声明变量并指定类型 2 给变量赋值。

第一步：声明变量并指定类型

let age: number;

解释：

• let 是 TS 的关键字，用来声明变量。

• lage 是程序员自己定义的变量名称。

• : number 用来指定变量 age 为数值类型。

注意：分号是可选的，可省略.

第二步:给变量赋值;

age = 18;

解释：l

​ 使用等号（=）来给变量 age 赋值。

简化写法:

​ 声明变量的同时就赋值（变量的初始化）

let age:number=18

变量使用两种方式:

​ 1 先声明后赋值

​ 2 声明的同时并赋值（推荐）

第一种: 先声明后赋值

// 1 声明变量并指定类型
let age: number
// 2 赋值
age = 18

第二种：声明的同时并赋值（推荐）

let age: number = 18

注意:声明变量的时候要指定变量的类型。

3.类型注解

​ 3-1.什么是类型注解

​ 示例代码：

let age: number = 18

​ 代码中的 : number 就是类型注解。

​ 3-2.类型注解的作用?

​ 是一种为变量添加类型约束的方式。

4.命名规则和规范

​ 4-1: 变量的命名规则

​ 变量名称只能出现：数字、字母、下划线（_）、美元符号（$），并且不能以 数字 开头。

let age: number = 18

注意：变量名称不区分大小写。

​ 4-2:变量的命名规范

• 推荐：变量名称要有意义，顾名思义。
• 使用驼峰命名法(首字母小写,后面每个打你首字母大写)

5.数据类型的概述?

​ 数据类型分为两大类:

​ 原始类型(基本数据类型)

​ 对象类型(复杂的数据类型)

常用的基本数据类型:

​ number / string / boolean / undefined / null

// 变量 age 的类型是 number（数字类型）
let age: number = 18

// 此处的 'Hello TS' 是 string（字符串类型）
console.log('Hello TS')

6.基本数据类型

​ 6-1:数字类型:

• 数字类型：包含整数值和浮点型（小数）值。

  // 数字类型：整数
  let age: number = 18
  // 数字类型：小数
  let score: number = 99.9
  

• 当然，从另一个维度来看，也可以包含：正数和负数。

  // 正数，+直接省略即可
  let salary: number = 10000
  // 负数
  let salaryWithGirlfriend: number = -2000  
  

​ 6-2:字符串类型:

• 字符串：由零个或多个字符串联而成的，用来表示文本信息。

console.log('Hello TS')
console.log('')     //空字符串

• 字符串可以使用单引号（’）或双引号（"），推荐：使用单引号。

'Hello TS' // 推荐
"Hello TS"

• 字符串类型的类型注解为：string，声明变量时要添加类型注解。

  let food: string = '糖葫芦'// 空字符串
  

6-3:布尔类型:

​ 布尔类型用来表示真或假

​ 只有两个值: true 和false true 表示真, false 表示假;

​ 布尔类型的类型注解为:boolean

// 真
let isStudying: boolean = true
// 假
let isPlayingGame: boolean = false

6-4:undefined,null

​ 共同特点：只有一个值，值为类型本身。

​ undefined 类型的值为： undefined。

​ undefined：表示声明但未赋值的变量值（找不到值）。

​ null 类型的值为：null。

​ null：表示声明了变量并已赋值，值为 null（能找到，值就是 null）

// 类型注解为：undefined
let u: undefined = undefined
// 类型注解为：null
let n: null = null

Ts编译选项

如果是单独一个文件我们可以通过tsc xxx.tsc进行编译 ,每次编译都输入这条命令就行;

多个文件:

1.先创建一个src文件夹,里面存放各种ts文件;

2.配置tsconfig.json文件

{
// tsconfig.json是ts编译器的配置文件,ts编译器可以根据他的信息来对代		码进行编译
  // include 用来指定哪些ts文件需要编译
 // /**  表示目录   * 表示文件

  // exclude   表示不包含

"include":[
        "./src/**/*"
    ],
    "exclude": [
        "./src/hello/**/*"
    ],
 //complierOptions   编译器选项
   "compilerOptions": {
       //target  用来指定ts被编译为的Es版本
       "target":"ES3"
   }
}

在终端输入 tsc 就可以对src下的文件进行编译

include 包含 用来指定哪些ts文件需要编译

/** 表示目录 * 表示文件

complierOptions 编译器选项

​ target 用来指定ts被编译为的Es版本

​ 例子:

//app.ts
let a=10;

{
    // tsconfig.json是ts编译器的配置文件,ts编译器可以根据他的信息来对代码进行编译
    // include 用来指定哪些ts文件需要编译
    // /**  表示目录   * 表示文件
       "include":[
        "./src/**/*"
    ],
   //complierOptions   编译器选项
   "compilerOptions": {
       //target  用来指定ts被编译为的Es版本
       "target":"ES3"
       //"target":"ES6"    js编译的是 let a=10;
   }
}

//app.js
var a = 10;

总结:
写了typescript的变量和数据类型,以及详细的介绍了配置项;