ts - 学习笔记

2020-08-06  本文已影响0人  自走炮
$ npm install -g typescript
$ tsc -v
$ tsc heloworld.ts # 代码编译
$ tsc --outDir dist ./src/heloworld.ts # 指定输出目录
$ tsc --init # 初始化 tsconfig.json 文件,在 tsconfig.json 文件中可配置 outDir 位置和 rootDir 位置,命令 tsc 可编译
$ tsc -w # 动态监视

变量 常量 枚举 联合

// let 变量名: 类型 = 默认值;
// const 常量名: 类型 = 常量值;

// 枚举
enum Sex {
  MALE,
  FEMALE,
  UNKNOWN,
}
let member_sex: Sex = Sex.FEMALE;
console.log(member_sex); // 1
console.log(Sex[member_sex]); // FEMALE
console.log(checkSex(member_sex));

// 枚举使用 1
switch (+member_sex) {
  case Sex.MALE:
    console.log("男");
    break;
  case Sex.FEMALE:
    console.log("女");
    break;
  case Sex.UNKNOWN:
    console.log("不明");
    break;
}

// 枚举使用 2
function checkSex(sex: Sex) {
  let result: string = "";
  switch (sex) {
    case Sex.MALE:
      result = "男";
      break;
    case Sex.FEMALE:
      result = "女";
      break;
    case Sex.UNKNOWN:
      result = "不明";
      break;
  }
  return result;
}

// 联合
let mydata: string | boolean;
mydata = "Helo TS!";
mydata = true;

node 第三方库

$ npm init
$ npm install --save request
$ node main.js
// main.js文件
const request = require("request");
request("http://api.komavideo.com/news/list", function (error, response, body) {
  if (error) console.error(error);
  else console.log(body);
});
$ npm install --save @types/request
$ tsc test.ts
$ node test.js

方法

// 箭头方法
let func_add2 = (x: number, y: number): number => {
  return x + y;
};

// ? 为可省略参数
function sayHelo(name?: string): string {
  if (name === undefined) return "Helo Koma.";
  else return "Helo " + name + ".";
}

// 数组实现可变长参数,或 function add(...vals:number[]): number{},调用方法 add(1,2,3)
function add(vals: number[]): number {
  let result = 0;
  for (let val of vals) result += val;
  return result;
}
console.log(add1([1, 2, 3]));
上一篇 下一篇

猜你喜欢

热点阅读