【wow-ts】前端学习笔记Typescript基础语法（一）

本文主要是介绍【wow-ts】前端学习笔记Typescript基础语法（一），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

项目地址是https://github.com/datawhalechina/wow-ts。
我选择的是ts前端课程

Typescript笔记

TypeScript 入门介绍
- - 基础数据类型
  - TypeScript 基础数据结构
  - TypeScript 变量声明
  - 变量作用域

TypeScript 入门介绍

第一次接触ts，先去了解了下ts的内容，复制内容如下

TypeScript 是 JavaScript 的一个超集，支持 ECMAScript 6 标准（ES6 教程）。
TypeScript 由微软开发的自由和开源的编程语言。
TypeScript 是一种给 JavaScript 添加特性的语言扩展。

基础数据类型

const hello : string = "Hello World!"
console.log(hello)

TypeScript 基础数据结构

基本的四种数据类型
number：双精度 64 位浮点值。它可以用来表示整数和浮点数。TS中没有int和float，只有一个number。
string：字符型，使用单引号（'）或双引号（"）来表示字符串类型。反引号（`）来定义多行文本和内嵌表达式。
boolean：布尔类型，表示逻辑值：true 和 false。
enum：枚举类型用于定义数值集合。

enum Color {Red, Green, Blue};
let c: Color = Color.Blue;
console.log(c);    // 输出 2

TypeScript 变量声明

//声明一个变量的基本格式
var [变量名] : [类型] = 值;
var sdata:string = "datawhale";
//声明变量的类型，但没有初始值，变量值会设置为 undefined：var [变量名] : [类型];
var sdata:string;//声明变量并初始值，但不设置类型，该变量可以是任意类型：
var [变量名] = 值;
var sdata = "datawhale";//声明变量没有设置类型和初始值，类型可以是任意类型，默认初始值为 undefined：
var [变量名];
var sdata;

变量作用域

变量作用域指定了变量定义的位置。程序中变量的可用性由变量作用域决定。

TypeScript 有以下几种作用域：

全局作用域 − 全局变量定义在程序结构的外部，它可以在你代码的任何位置使用。

var global_num = 12          // 全局变量

类作用域 − 这个变量也可以称为字段。类变量声明在一个类里头，但在类的方法外面。该变量可以通过类的对象来访问。
类变量也可以是静态的，静态的变量可以通过类名直接访问。

class Numbers { num_val = 13;             // 实例变量static sval = 10;         // 静态变量

局部作用域 − 局部变量，局部变量只能在声明它的一个代码块（如：方法）中使用。

   storeNum():void { var local_num = 14;    // 局部变量} 
} 
console.log("全局变量为: "+global_num)  
console.log(Numbers.sval)   // 静态变量
var obj = new Numbers(); 
console.log("实例变量: "+obj.num_val)