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

这篇具有很好参考价值的文章主要介绍了【wow-ts】前端学习笔记Typescript基础语法（一）。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

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

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;         // 静态变量

局部作用域 − 局部变量，局部变量只能在声明它的一个代码块（如：方法）中使用。文章来源地址https://www.toymoban.com/news/detail-793665.html

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